javascript - 即使关闭弹出层，弹出页面上的视频仍在播放

Question

我的网站上有一个弹出层，上面显示最新消息。现在我想在上面嵌入一个 YouTube 视频，一旦用户打开网站就会播放。我希望它在用户关闭弹出页面后停止播放。我试过 SoundCloud 播放器，当我关闭它时它会停止。

这是实时链接。

您也可以在此处下载文件源文件 (.zip)： 源文件

所以我想让视频在用户关闭弹出页面时停止播放。

任何的想法？提前致谢。

Answer 1

朋友们

不要试图关闭 facebox/fancybox 弹出窗口。尝试创建一个包含视频文件/嵌入代码的容器。单击关闭链接后，只需删除该嵌入/视频文件容器的 HTML。

前任。<div id="myVideoFilePlay">Video File/Embed Data</div>

脚本文件：

document.getElementById('remodeVideoPlayer').innerHTML ="";

之后关闭花哨的盒子

Answer 2

以下是有关嵌入 YouTube 的自动播放功能的一些信息。

http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821

“要使其自动播放，只需将 &autoplay=1 放在视频 ID 之后，如下所示：”

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/XXXXXXX&autoplay=1"></param>
<embed src="http://www.youtube.com/v/XXXXXXX&autoplay=1" type="application/x-shockwave-flash" width="425" height="350">
</embed></object>

至于停止视频，我建议你看看这里并设置一些简单的功能来做点击“X”时的暂停。请参阅：隐藏 iframe 时如何暂停 YouTube 播放器？

编辑：添加了更多信息..

我可以看到您在站点加载时将 jQuery 设置为 #dialogjj，然后 HTML 位于 div 内部，因此将其设置为 display:none; 它不会停止播放。我有一个让它工作的想法 - 可能会有更好的 jQuery 更好，但这工作正常。不幸的是，由于提出问题的方式/不太容易调查，我觉得没有人会进一步回答。这也许就是为什么您对这个问题投反对票的原因，看看其他人如何在此处提出问题以获取未来指南，它通常不仅仅是提供指向您的网站的链接以期望人们查看，而是尝试指出您的问题和您所拥有的尝试过让其他人对此有所了解，但我们都从某个地方开始，所以不要担心:)。

我的想法是您实际上使用 jQuery 设置了 FOR #dialogjj 的内容（因此嵌入代码是通过 JS 文件而不是 HTML 页面放入的），并且您可以以同样的方式实际附加它以摆脱该嵌入代码。我已经设置了一个简单的 JSfiddle，它可以按照您想要的方式执行此操作。不过，您可以将其合并到您的代码中:)

JS Fiddle 链接http://jsfiddle.net/ivandude/vLrvA/2/

如果您喜欢该解决方案，请单击打勾作为答案：D 我的第一个也许.. 哈哈

Answer 3

答案真的很简单。当我使用旧的对象嵌入代码时，它就可以工作了。感谢您提出的解决方案，但它适用于 iframe。但不需要任何额外的代码。