Автозапуск фонового видео в Chrome. - PullRequest
Новая
       37

Автозапуск фонового видео в Chrome.

0 голосов
/ 22 мая 2018

Таким образом, в последнем chrome очевидно, что политика автозапуска была изменена, так что это, в свою очередь, нарушает каждый сайт, имеющий видео фон, который должен воспроизводиться автоматически. Интересно, есть ли у кого-нибудь умные решения, которые могли бы «решить» проблему?(Я полагаю, что решение для кнопки или «войти на страницу» было бы ужасным способом обхода, особенно для фонового видео)

Вот что вы сейчас получаете в консоли, если пользователь не взаимодействует сдокумент: 

  Uncaught (in promise) DOMException: play() failed 
because the user didn't interact with the document first.

Вот изменение от Google: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Ответы [ 2 ]

0 голосов
/ 08 августа 2018

Chrome не позволяет автоматически воспроизводить видео после недавнего изменения политики.Простое решение - отключить звук видео, смоделировать щелчок, а затем воспроизвести видео.

HTML 

<video id="video" muted loop="loop">

Javascript 

// Click a random element
document.getElementById('randomElement').click();
// Play video after click
setTimeout(function(){
    document.getElementById('video').play();
}, 1500);
0 голосов
/ 31 мая 2018

Я тоже искал ответ на этот вопрос.Я не вижу четкого обходного пути, так как это трудно обойти, что представляется строгой политикой.Похоже, что вы говорите, что Chrome предлагает следующее 

var promise = document.querySelector('video').play();

if (promise !== undefined) {
  promise.then(_ => {
    // Autoplay started!
  }).catch(error => {
    // Autoplay was prevented.
    // Show a "Play" button so that user can start playback.
  });
}

Интересно, поможет ли добавление приглушенного видео к автоматическому воспроизведению помочь сократить и ускорить соответствие новой политике Chrome, чтобы пользователь мог просматривать эти видео?снова.Похоже, что другой вариант - вернуться от использования тега видео HTML5 обратно к iframe и добавить allow="autoplay.Похоже, это включает автозапуск по умолчанию.Определенно кажется шагом назад, чтобы использовать iframe вместо тега видео HTML5, но это, кажется, единственный способ правильно контролировать URL, чтобы убедиться, что видео может быть установлено в качестве одного домена.

...