訪問YouTube的API存在的Iframe（在YouTube視頻網站上的使用份額）

Question

我如何可以訪問YouTube的API與存在的Iframe（使用YouTube視頻網站上的份額），我的代碼：
<iframe id="welcome" width="100%" height="100%" src="SomeUrl" frameborder="0" allowfullscreen class="player"></iframe>

Answer 1

您可以訪問這個documentation ：

要求

用戶的瀏覽器必須支持HTML5 postMessage功能。 大多數現代瀏覽器都支持postMessage，雖然Internet Explorer 7不支持它。

嵌入式播放器必須具有至少200px×200px的視口。 如果播放器顯示控件，則它必須足夠大以便完全顯示控件，而不將視口縮小到最小 大小以下。我們推薦16：9的玩家至少有480像素寬，270像素高。

使用iframe API還必須實現 下面的JavaScript函數的網頁上：

• onYouTubeIframeAPIReady - 該API將調用時，頁面完成下載JavaScript的玩家 API此功能，這使您可以在頁面上使用API​​。因此，這個 函數可能會創建播放器對象，當頁面加載時，您想要顯示的對象爲 。

Examples也分別給予下手。

您也可以把這個SO post作爲參考。

此處的JavaScript有效。

var player; 
function onYouTubeIframeAPIReady() { 
    video = document.getElementById('video0'); 
    player = new YT.Player(video, { 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }) 
    } 
function onPlayerReady(e) { 
    console.log("hey Im ready"); 
    } 
function onPlayerStateChange(e) { 
    console.log(e) 
    }