我想要一个可以通过 JS 控制停止和启动的 Chromeless 播放器。
到目前为止,我的播放器代码是:
<iframe class="video-frame" src="http://www.youtube.com/embed/xU1S011111?controls=0&showinfo=0" frameborder="0"></iframe>
但是,我不确定如何与 JS API 交互。
我想要一个可以通过 JS 控制停止和启动的 Chromeless 播放器。
到目前为止,我的播放器代码是:
<iframe class="video-frame" src="http://www.youtube.com/embed/xU1S011111?controls=0&showinfo=0" frameborder="0"></iframe>
但是,我不确定如何与 JS API 交互。
在这里可以找到很多示例:https ://developers.google.com/youtube/iframe_api_reference
您需要添加&enablejsapi=1
到 URL,设置一个id
,然后添加该示例中显示的 JavaScript(使用onYouTubeIframeAPIReady
):
<iframe id="ytplayer" class="video-frame" src="http://www.youtube.com/embed/xU1S011111?controls=0&showinfo=0&enablejsapi=1" frameborder="0"></iframe>
我可以复制并粘贴一堆示例代码,但是如果您阅读文档会更好地理解。它们可读且易于使用。
这是一个小提琴演示:http: //jsfiddle.net/BAqTe/