单击 div 时如何停止 youtube 视频？答案

【问题标题】：how can I stop a youtube video when a div is clicked?单击 div 时如何停止 youtube 视频？
【发布时间】：2012-07-02 08:54:17
【问题描述】：

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

谢谢。

【问题讨论】：

可能重复：stackoverflow.com/questions/1094397/…

标签： javascript jquery youtube-api

【解决方案1】：

看这里

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

你有这个功能：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

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

即：来自 chrome 控制台：

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

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

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

使用旧的嵌入代码 [?]

你会有好的代码:)

【讨论】：