Question

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

感谢。

Answer 1

看这里

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

你有这个功能：

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

Answer 2

您无法使用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>

Answer 3

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

即：来自chrome console：

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

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

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

使用旧的嵌入代码[？]

你会得到很好的代码：）

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

3 个答案: