使用现有的 iframe 访问 youtube API（使用 youtube 视频网站上的共享）

Question

如何使用现有的 iframe 访问 youtube API（使用 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 不支持。

嵌入式播放器的视口必须至少为 200 x 200 像素。 如果播放器显示控件，它必须足够大以完全 显示控件而不将视口缩小到最小值以下 尺寸。我们建议 16:9 播放器至少 480 像素宽和 270 像素高。

任何使用 IFrame API 的网页也必须实现 以下 JavaScript 函数：

• onYouTubeIframeAPIReady – 当页面完成为播放器下载 JavaScript 时，API 将调用此函数 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)
    }