我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频。
我还使用了一个 css 弹出窗口,这是我从这个页面学到的http://www.pat-burt.com/web-development/how-to-do-a-css-popup-without-opening-a-new-window/ 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,当我选择关闭以关闭弹出窗口时,视频会继续播放吗?我做了一些谷歌搜索,发现其他人也有同样的问题,但是我只能找到无法按预期工作的代码。
基本上我想在弹出窗口关闭时停止视频,如何做到这一点。感谢您的任何帮助
我以前也遇到过同样的问题。
我所做的是删除iframe的src当我关闭弹出窗口时把它放回当我在 jQuery 中打开它时。这样,我确信当弹出窗口关闭时视频不会继续播放。
Edit添加了一个示例:
在包含视频 url 的函数中添加可选参数
<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', '');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)