javascript - 隐藏时停止在后台自动播放Youtube视频

标签 javascript jquery html iframe youtube

我的网站上弹出一个窗口,其中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/

相关文章:

javascript - 如何从存储中下载文件

javascript - typescript :从方法参数中调用方法

php - 单击选择菜单中的值时显示数据库数据

html - 如何将标题 iframe 高度更改为增加的值?

javascript - 如何根据 xml 节点的值分配一个类?

javascript - 在 Canvas 上抚摸文本

javascript - BS 3 在单击链接并显示选项卡时获取数据属性值

javascript - 如何使用 jQuery 引用我自己的自定义属性

jquery - 元素在 Chrome 而不是 Firefox 中呈现?

javascript - 单选按钮 onclick 事件在 Chrome 上不起作用