如何使用 JavaScript 控制現有的 Iframe YouTube 播放器？

使用JavaScript 控制現有的Iframe YouTube 播放器

挑戰：

控制基於 iframe 的播放器已經使用JavaScript 存在於HTML 中API。

解決方案：

Rob W 的 callPlayer 函數可以控制帶有框架的 YouTube 影片。其運作原理如下：

function callPlayer(frame_id, func, args) {
  var iframe = document.getElementById(frame_id);
  if (iframe && iframe.tagName.toUpperCase() != 'IFRAME') {
    iframe = iframe.getElementsByTagName('iframe')[0];
  }

  // Handle player readiness
  if (!iframe) {
    console.log('callPlayer: Frame not found;>

用法：

使用此功能：

callPlayer("whateverID", function() {
  // Function runs when player is ready (like "onYouTubePlayerReady")
  callPlayer("whateverID", "playVideo");
});

可能的問題及其原因解決方案：

問：為什麼playVideo 不開始影片播放？
答：播放需要使用者互動且存在allow= iframe URL 中的「自動播放」。

問： 我收到「無效或指定了非法字串」錯誤。
A: API 在本機主機 (file://) 上無法正常運作。在線上託管您的頁面或使用 JSFiddle。

問：我如何知道要傳遞給 callPlayer 函數的參數？
A：Rob W 分析了用於確定必要參數的 API 來源。

問： 瀏覽器是什麼支援嗎？
答案： callPlayer 函數適用於支援 JSON 和 postMessage 的瀏覽器（IE 8 、 Firefox 3.5 、 Opera 10.50 、 Safari 4 、 Chrome 3 ）。

額外的資源：

官方YouTube Iframe API 參考：https://developers.google.com/youtube/iframe_api_reference
• 相關答案：使用jQuery 淡入框架影片
• 完整API 支援：在jQuery 監聽YouTube 事件

以上是如何使用 JavaScript 控制現有的 Iframe YouTube 播放器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！