Обойти хром-автопаузу на видео со звуком?
У меня есть настройка веб-сайта, где фоном является видео YouTube с помощью плагина Tubular.js. Существует проблема с браузерами Chrome, которые автоматически приостанавливают видео YouTube, если я загружаю его с mute: false
флаг. Chrome - единственный нарушитель, так как он работает с Opera, Firefox и т. Д. Если я поменяю флаг на mute: true
видео будет воспроизводиться нормально.
Chrome недавно начал блокировать воспроизводимые видео со звуком. Есть ли возможность обойти это в chrome или хотя бы изменить вызов библиотеки / js tubular.js, чтобы он отключал звук (независимо от настроек) только в пользовательских агентах chrome?
https://codepen.io/anon/pen/MGEZrO
заранее спасибо
2 ответа
Согласно хромированной логике, невозможно автоматически воспроизводить видео, если оно НЕ приглушено. Однако они позволяют автоматически воспроизводить видео, если оно отключено, и НЕ БУДУТ останавливать его, если пользователь включит его. Под этим (взаимодействием с пользователем) Chrome подразумевается всего лишь одно касание ИЛИ щелчок пользователем на веб-сайте (везде, не только для видео компонентов).
Просто сделайте так, чтобы ваш пользователь сделал один клик на вашей веб-странице, а затем вы можете подключить / запустить видео с автозапуском и звуком.
У меня похожая ситуация с моим реагирующим спа. И я заставляю своего пользователя сделать один клик перед монтажом видео. Только так он начинает играть со звуком.
У меня также была ситуация, когда видео ДОЛЖНО начаться даже без щелчка, и я просто добавил EventListener на всю страницу, чтобы включить его как можно скорее.
play(from = null) {
document.addEventListener('click', () => {
// any click will force my video to unmute
this.player.muted = false;
});
// rest code for updating state etc
}
К сожалению, запуск клика не работает (видео остановится автоматически)
Согласно их рекомендациям по автоигре на Chrome;
К сожалению, Chrome не может предоставить никаких исключений из белого списка для политики автозапуска.
Они также объясняют, как представить контент менее инвазивным способом (сначала заглушенное видео), и некоторые другие советы о политике.