Youtube video iframe API - Как приостановить видео, когда оно теряет фокус?

Я использую API видео iframe Youtube, и все работает отлично. Осталось только одно, чтобы он работал так, как я предполагал: я хочу определить, когда фокус видео отсутствует, даже если это происходит в том же окне или на вкладке браузера, чтобы остановить воспроизведение или поставить его на паузу.

я пытался с jquery:

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

Но это не работает. Кто-нибудь может помочь?


person Gerardo Peña Pérez    schedule 09.01.2016    source источник
comment
Видео создается динамически? Если это так, вам нужно привязать его к какому-либо родительскому объекту. Кроме того, вы можете попробовать стиль .on('focusout', function(){}) для потери фокуса.   -  person Araymer    schedule 10.01.2016
comment
Да, загружается динамически. Итак, вы говорите, что я могу добиться этого, выполнив следующее: $('#video-parent).on('focusout', function(){});.   -  person Gerardo Peña Pérez    schedule 10.01.2016
comment
Это не работает. Не могли бы вы опубликовать пример?   -  person Gerardo Peña Pérez    schedule 10.01.2016


Ответы (1)


Попробуйте подключить метод on как таковой:

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