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

Question

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

如下所示。

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

因此，根据此状态，我可以删除iframe吗？或任何其他选项，以避免youtube在后台播放？

Answer 1

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

player.pauseVideo（）：空隙

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

文档可以找到here