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



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

这是活动链接。

你也可以在这里下载文件的源文件(.zip):源文件

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

任何想法?

朋友的

不要试图关闭facebox/fanybox弹出窗口。尝试创建一个容器来保存视频文件/嵌入代码。点击关闭链接后,只需删除嵌入/视频文件容器的HTML。

交货。<div id="myVideoFilePlay">Video File/Embed Data</div>

脚本文件:

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

之后关闭花式框

这里是关于嵌入YouTube的自动播放功能的一些信息。

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

"要使它自动播放,只需在视频ID后面加上&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"暂停。参见:如何在隐藏iframe时暂停YouTube播放器?

EDIT: add more info.

我可以看到你在网站加载时设置jQuery为#dialogjj,然后HTML在div中设置为display:none;它不会停止播放。我有一个让它工作的想法——可能会有一个更好的jQuery,但是这个工作得很好。由于这个问题的提问方式,我觉得没有人会进一步回答/不幸的是,不太容易调查。这也许就是为什么你对这个问题投了反对票,看看其他人是如何在这里提出问题的,这是未来的指导,它通常不只是给你的网站的链接,期望人们去看,而是试着把你的问题和你尝试过的东西放在一起,这样其他人就可以有一个线索,但我们都是从某个地方开始的,所以不要担心:)。

我的想法是,你实际上设置的内容#dialogjj与jQuery(所以嵌入代码是通过JS文件,而不是HTML页面),并以同样的方式,你可以实际追加它,以摆脱嵌入代码。我已经设置了一个简单的JSfiddle,它以与您想要的相同的方式执行此操作。这取决于你是否将其合并到你的代码中:)

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

如果你喜欢这个解决方案,请点击勾选作为答案:D我的第一个可能…哈哈

答案很简单。当我使用旧的对象嵌入代码时,它就工作了。感谢建议的解决方案,但它适用于iframe。但是不需要任何额外的代码

最新更新