我怎样才能拥有无边框的YouTube播放器并随时启动/停止播放?

时间:2012-12-28 16:03:04

标签: javascript youtube-api

我希望有一个Chromeless播放器,我可以通过JS控制停止和启动。

我的播放器代码到目前为止是:

<iframe class="video-frame" src="http://www.youtube.com/embed/xU1S011111?controls=0&showinfo=0" frameborder="0"></iframe>

但我不确定如何与JS API进行交互。

1 个答案:

答案 0 :(得分:4)

可以在这里找到相当多的例子:https://developers.google.com/youtube/iframe_api_reference

您需要将&enablejsapi=1添加到网址,设置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/