隐藏时停止在后台自动播放 Youtube 视频答案

【问题标题】：Stop Autoplaying Youtube video in the background when it is hidden隐藏时停止在后台自动播放 Youtube 视频
【发布时间】：2014-06-27 01:46:38
【问题描述】：

我的网站上有一个弹出窗口，其中 iframe 中有一个 YouTube 视频设置为自动播放。问题是它在后台播放，即使弹出窗口不可见。我要做的就是获取弹出容器的display 状态（无论它是否隐藏）。

如下所示。

function(){
    var div = document.getElementById("popupVid");
    if(div.style.display == 'hide')
    {
        $('#iframe_id').remove();
    }
}

那么基于这个状态，我可以删除 iframe 吗？或任何其他避免在后台播放 youtube 的选项？

【问题讨论】：

【解决方案1】：

您可以通过 youtube API 加载视频，然后调用 pause 函数，而不是删除 iframe。这将允许用户关闭弹出窗口并恢复视频。

player.pauseVideo():Void

暂停当前播放的视频。该函数执行后的最终播放器状态将暂停（2），除非调用该函数时播放器处于结束（0）状态，在这种情况下播放器状态不会改变。

文档可以在here找到

【讨论】：