Как сделать кликабельное превью для видео Youtube с автоматическим воспроизведением

Главные вкладки

Babich 12 марта 2021 в 9:03

Здравствуйте, прошу помощи. Drupal 9 Хочу сделать кликабельное превью (своя картинка) при клике на которую автоматом запускается видео. Если человек не кликает, то отображается просто картинка со значком play, тем самым страница весит меньше. Загрузка и показ видео начинается только если нажать кнопку play.
Вот пример как нужно https://brooklandsdetailing.ru/zashchitnye-pokrytiya

Сделал вот так (просто пример)

<iframe width="560" height="315" src="https://www.youtube.com/embed/1355AGLX2dA?autoplay=1" srcdoc="<style>*{padding:0;margin:0;overflow:hidden}

    html, body {height:100%}

    img, span {position:absolute;width:100%;top:0;bottom:0;margin:auto}

    span {height:1.5em;text-align:center;font:100px/1.5 sans-serif;color:#39b01c;text-shadow:0 0 0.5em black}

</style>

<a  href=ttps://www.youtube.com/embed/M_-25NdLpVA?autoplay=1>

<img src=https://i.ytimg.com/vi/JwrVByb7KS4/maxresdefault.jpg>

<span>▶</span></a>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Но видео не начинается при клике на превью, нужно еще раз нажимать на play.
Как можно сделать?

Drupal Drupal на русском

Как сделать кликабельное превью для видео Youtube с автоматическим воспроизведением

Главные вкладки

Комментарии