网站youtube嵌入式视频不断播放

Question

我正在使用iframe youtube让我在我的网站上嵌入了一个视频.

我也在使用css popup,我从这个页面学到了 http://www.pat-burt.com/web-development/how-to-do-a-css-popup-without-opening-a-new-window /

所以我的HTML代码看起来像这样

<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
<font size="4" color="#ffffff"><a style="color: #ffffff" href="javascript:void(null)" onclick="popup('popUpDiv')">Close</a><br></font>
<iframe width="560" height="315" src="http://www.youtube.com/embed/h3Pb6IyFvfg" frameborder="0" allowfullscreen></iframe>
</div>
<a href="javascript:void(null)" onclick="popup('popUpDiv')" class="more_details">more details</a>

一切都按照我想要的方式工作但是如果我将浏览器切换到Internet Explorer或Chrome时我选择接近关闭弹出视频一直播放？我做了一些谷歌搜索,发现其他人有同样的问题,但我只能找到不符合预期的代码.

基本上我想在弹出窗口关闭时停止播放视频怎么办呢.感谢您的任何帮助

Answer 1

我之前遇到过同样的问题.
我做的是当我关闭弹出窗口时删除iframe的src,并在我在jQuery中打开它时将其重新打开.这样,我确信当弹出窗口关闭时,视频不会继续播放.

编辑添加了一个例子:

在包含视频网址的函数中添加一个可选参数

<a href="javascript:void(null)" onclick="popup('popUpDiv', 'http://www.youtube.com/embed/NWHfY_lvKIQ')" class="more_details">more details</a>

使用视频网址在您的函数中设置iframe的src

function popup(pPopup, pYt){ //pYt optional
    $('iframe').attr('src', pYt);
}

如果要删除源代码,请在代码中添加此行

$('iframe').attr('src', '');