Обход запрета автозапуск iframe Chrome

131
17 июля 2019, 16:40

Я делаю веб страничку, которая ведет стрим с youtube, как мне сделать, чтобы при запуске страницы видео начинало идти со звуком? Если я запускаю со IFrame без параметра mute=1, то видео не запускается, если с ним, то все работает, но потом в коде, когда я использую .unMute() браузер ругается и останавливает видео, т.к. пользователь не взаимодействовал с ним.

Answer 1

Да. Это новое(уже 6 месяцев если память не изменяет) обновление Google Chrome. И теперь Chrome очень сильно ругается на сайты с автовоспроизведением звука и не только. Вот можете прочитать про это тут: Блокировка рекламы Chrome

Answer 2

Согласно новым стандартам принятым в Апреле 2018, и окончательно вступившим в силу в Декабре 2018:

  1. Воспроизведение "Без звука" разрешено всегда
  2. Автовоспроизведение "Со звуком" разрешено если:

    • Юзер инициировал воспроизведение сам, с одного домена (клик, тап, др.).
    • На десктопных устройствах видео является доверенным по Media Engagement Index и/или воспроизводилось ранее этим же пользователем.
    • На мобильных устройствах данный ресурс был добавлен на главный экран (см. PWA)
  3. Разрешение на автовоспроизведение делегировано с верхних фреймов.

Как обойти?

По прежнему работает "хак" с установкой минимального и неслышимого уровня громкости: 0,005, и инициацией видео по любому действию пользователя, а потом уже накрутки громкости как потребуется. Но это также обещали пофиксить, поэтому это тоже является Bad Practice.

Совет

Не стройте велосипед из хаков и следуйте конвенциям, иначе Ваши работы никогда не будут работать нормально.

READ ALSO
Смена иконки (реализация)

Смена иконки (реализация)

Ниже код, в котором должна иконка microphone меняться на microphone-slash и наоборот в зависимости от режима отображения (воспроизведение или пауза)

126
Есть ссылка, и надо открыть jquery(ajax) блок

Есть ссылка, и надо открыть jquery(ajax) блок

С новым годом всех! Есть ссылка <a href='id?<php script>'>Статистика</a> она у меня находиться в меню юзера, но если просто добавить #tabs-2 к той...

139
JavaScript нужна небольшая помощь [дубликат]

JavaScript нужна небольшая помощь [дубликат]

На данный вопрос уже ответили:

124