访问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) 
    }