September 21, 2021

Автовоспроизведение YouTube видео в iframe

Google защищает пользователей от нежелательного действия. Поэтому нельзя просто так взять и включить автовоспроизведение YouTube видео.

По идее существует атрибут autoplay=1, который можно добавить в полученный код. Но такое https://www.youtube.com/embed/jg9MX2w7Ebw?autoplay=1 — работать не будет.

Для того, чтобы добиться автовоспроизведения видео с YouTube придётся чем-то пожертвовать. И этим чем-то будет звук. Проще говоря, мы можем получить лишь беззвучное автовоспроизведение YouTube видео. Для этого нам надо добавить атрибут mute=1. Такое https://www.youtube.com/embed/jg9MX2w7Ebw?autoplay=1&mute=1 работать будет.

Возвращаясь к прошлой статье «Загрузка видео с YouTube по клику на картинку с его заставкой» нам нужно поменять ссылку на упомянутую. Тогда при клике по ссылке произойдёт загрузка и автовоспроизведением видео с YouTube.

<iframe width="560" height="315" srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}</style><a href='https://www.youtube.com/embed/jg9MX2w7Ebw?autoplay=1&mute=1'><img src='http://localhost/img/youtube.jpg' alt='Я не использую куки'></a>" title="Я не использую куки" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Рабочий пример этого решения вы может посмотреть на сайте https://kadabrus.ru/