Youtube video iframe API - 如何在失去焦点时暂停视频？答案

【问题标题】：Youtube video iframe API - How to pause the video when it looses focus?Youtube video iframe API - 如何在失去焦点时暂停视频？
【发布时间】：2016-04-14 11:22:24
【问题描述】：

我正在使用 Youtube 视频 iframe API，一切正常。正如我所料，它只剩下一件事可以工作：我想检测视频焦点何时消失，即使它发生在同一个窗口或浏览器选项卡中，以使其停止播放或暂停。

我一直在尝试使用 jquery：

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        player.blur(function(){
            $(this).stopVideo();
        });
    }
}

但它似乎不起作用。有人可以帮忙吗？

【问题讨论】：

视频是动态创建的吗？如果是这样，您需要将其绑定到某种父对象上。另外，你可以试试 .on('focusout', function(){}) 风格的失去焦点。
是的，它正在动态加载。所以，你说我可以这样做：$('#video-parent).on('focusout', function(){});.
它不工作。可以发个例子吗？

标签： jquery video iframe youtube pause

【解决方案1】：

尝试像这样附加一个 on 方法：

$('#parentElement').on('focusout', '.playerSelector', function() { //DO STUFF// });

【讨论】：