Как я могу сделать встроенное видео YouTube автовоспроизведением на моем статическом веб-сайте html?

Я пытаюсь включить автовоспроизведение фоновой музыки на своем личном веб-сайте, но у меня возникают некоторые трудности, учитывая политику автовоспроизведения большинства браузеров. Я попытался создать подстраницу, чтобы пользователь мог взаимодействовать с сайтом и, таким образом, гарантировать автоматическое воспроизведение в соответствии с политиками, но я не могу заставить что-либо работать.

любая помощь будет принята с благодарностью :)


javascript html html5-video autoplay web-site-project
person BRED    schedule 15.06.2021    source источник
comment
Отвечает ли это на ваш вопрос? Автовоспроизведение аудио на веб-сайте HTML не работает   -  person dirkenstocks    schedule 15.06.2021

Ответы (2)


arrow_upward
0
arrow_downward

Видео должно быть отключено для автоматического воспроизведения из-за ограничений браузера. Самый простой способ сделать это — добавить autoplay=1&mute=1 в конце URL-адреса YouTube.

Так что это было бы так: youtube.com/embed/ejSjr49E?autoplay=1&mute=1

person FlyingCitrus101    schedule 15.06.2021

arrow_upward
0
arrow_downward

Проблема с автоматическим воспроизведением аудио заключается в том, что оно, как правило, широко используется в онлайн-рекламе и т. д. Вы можете использовать такую ​​библиотеку, как howler. js, они пытаются автоматически разблокировать плеер при первом касании: https://github.com/goldfire/howler.js#mobilechrome-playback

Из документации:

Если вы пытаетесь воспроизвести звук автоматически при загрузке страницы, вы можете прослушать событие playerror, а затем дождаться события разблокировки, чтобы снова попытаться воспроизвести звук:

var sound = new Howl({
   src: ['sound.webm', 'sound.mp3'],
   onplayerror: function() {
     sound.once('unlock', function() {
         sound.play();
     });
   }
 });
   
 sound.play();

Я бы сказал, что это ваш лучший выстрел, но нет никаких гарантий.

person Andreas    schedule 15.06.2021