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

Posted 2023-05-09

【中文标题】Youtube video iframe API - 如何在失去焦点时暂停视频？

【英文标题】：Youtube video iframe API - How to pause the video when it looses focus?

【发布时间】：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());.

它不工作。可以发个例子吗？

【参考方案1】：

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

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