1

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

谢谢。

4

3 回答 3

2

看这里

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

你有这个功能：

 function stopVideo() {
    player.stopVideo();
}
于 2012-07-02T09:00:16.960 回答
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>
于 2012-07-02T09:09:41.897 回答
0

如果主文档和 iframe 的文档不在同一个域中，则您无法从 iframe 访问 DOM。

即：从 chrome 控制台：

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

如果您想控制 youtube 视频，则需要将其嵌入到您的页面中。

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

使用旧的嵌入代码 [?]

你会有好的代码:)

于 2012-07-02T09:22:11.867 回答