Остановить автоматическое воспроизведение видео Youtube в фоновом режиме, когда оно скрыто

#javascript #jquery #html #iframe #youtube

#javascript #jquery #HTML #iframe #YouTube

Вопрос:

У меня на моем веб-сайте есть всплывающее окно, на котором видео YouTube в iframe установлено для автоматического воспроизведения. Проблема в том, что оно воспроизводится в фоновом режиме, даже если всплывающее окно не видно. Все, что я пытаюсь сделать, это получить display статус всплывающего контейнера, если он скрыт или нет.

Как показано ниже.

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

Итак, основываясь на этом статусе, могу ли я удалить iframe? или любой другой вариант, позволяющий избежать воспроизведения YouTube в фоновом режиме?

Ответ №1:

Вместо удаления iframe вы можете загрузить видео через API youtube и вызвать функцию паузы. Это позволит пользователю закрыть всплывающее окно и возобновить просмотр видео.

player.pauseVideo(): пустота

Приостанавливает текущее воспроизведение видео. Окончательное состояние проигрывателя после выполнения этой функции будет приостановлено (2), если проигрыватель не находится в состоянии ended (0) при вызове функции, и в этом случае состояние проигрывателя не изменится.

документацию можно найти здесь

Комментарии:

1. Могу ли я написать popupafterclose: function () { $("#popupVideo").html("<span></span>"); }