我的网站上弹出一个窗口,其中iframe中的YouTube视频设置为自动播放。
问题是,即使弹出窗口不可见,它也会在后台播放。我要做的就是获取弹出容器的display
状态(无论是否隐藏)。
像下面这样。
function(){
var div = document.getElementById("popupVid");
if(div.style.display == 'hide')
{
$('#iframe_id').remove();
}
}
因此,根据此状态,我可以删除iframe吗?或任何其他选项来避免youtube在后台播放?
最佳答案
除了删除iframe,您还可以通过youtube API加载视频,然后调用暂停功能。这将允许用户关闭弹出窗口并继续播放视频。
player.pauseVideo():无效
暂停当前播放的视频。除非调用该函数时播放器处于结束(0)状态,否则此函数执行后的最终播放器状态将暂停(2),在这种情况下,播放器状态将不会更改。
可以找到文件here
关于javascript - 隐藏时停止在后台自动播放Youtube视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24442795/