Question

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

Here is the live link.

您也可以在此处下载文件源文件（.zip）： Source Files

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

有什么想法吗？提前谢谢。

Answer 1

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

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

“要使其自动播放，只需在视频ID后面放上＆amp; autoplay = 1即可：”

<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”进行暂停。请参阅：How to pause a YouTube player when hiding the iframe?

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

我可以看到你在网站加载时将你的jQuery设置为#dialogjj，然后HTML就在div里面，所以将它设置为display：none;它不会阻止它播放。我有一个想法让它工作 - 可能有更好的一个与更好的jQuery，但这工作正常。我觉得没有人会因为提出问题的方式而进一步回答/不幸的是不容易调查。这也许就是为什么你在这个问题上得到了一个问题，看看其他人如何在这里提出问题以供将来指导，它通常不只是给你的网站链接期望人们看，而是试图指出你的问题和你有什么尝试过，其他人可以对此有所了解，但我们都从某个地方开始，所以不要担心：）。

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

JS FIddle link http://jsfiddle.net/ivandude/vLrvA/2/

如果你喜欢这个解决方案，请点击勾选作为答案：D我的第一个也许......哈哈

Answer 2

答案很简单。当我使用旧的对象嵌入代码时，它只是起作用。感谢您推荐的解决方案，但它适用于iframe。但是不需要任何额外的代码。

Answer 3

朋友的

请勿尝试关闭facebox / fancybox弹出窗口。尝试创建一个容纳视频文件/嵌入代码的容器。单击“关闭”链接后，只需删除该嵌入/视频文件容器的HTML。

实施例。 <div id="myVideoFilePlay">Video File/Embed Data</div>

脚本文件：

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

之后关闭花式框

即使我关闭弹出图层，弹出页面上的视频仍然在播放

3 个答案: