如何在单击div时停止YouTube视频?

时间:2012-07-02 08:54:18

标签: javascript jquery youtube-api

我有一个显示youtube视频前面的div。如何点击视频时如何停止视频? 看看我的例子。 http://jsfiddle.net/uprosoft/6wXvA/81/

感谢。

3 个答案:

答案 0 :(得分:2)

看这里

http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

你有这个功能:

 function stopVideo() {
    player.stopVideo();
}

答案 1 :(得分:1)

您无法使用iFrame进行控制,您需要

<object id="ytplayer" style="height: 390px; width: 640px">
    <param name="movie" value="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&enablejsapi=1">
    <param name="allowScriptAccess" value="always">
    <embed id="ytplayer" src="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
</object>

<div onclick="document.getElementById('ytplayer').stopVideo()">Stop</div>

答案 2 :(得分:0)

如果主文档和iframe不是来自同一个域,则无法从iframe访问DOM。

即:来自chrome console:

  

不安全的JavaScript尝试从包含网址http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque的网址访问包含网址http://fiddle.jshell.net/_display/的框架。域,协议和端口必须匹配。

如果您想控制YouTube视频,则需要将其嵌入您的网页。

在YouTube视频上,点击“嵌入”,然后选中此框:

  

使用旧的嵌入代码[?]

你会得到很好的代码:)