Как поставить заглушку на видео с ютуба вставленного через iframe?

Question

[Лев Салатов]

Доброго времени суток.

Видео из ютуба вставлено на сайт через iframe.
Подскажите, как наложить на видео АКТИВНУЮ картинку, чтобы при клике на плей, картинка растворялось и начинало проигрываться видео, ну или хотя бы, просто растворялась картинка.

Заранее спасибо!

Пример:

Answer 1

[Роман Павлов]

Сделать поверх iframe div такое же размера с нужными стилями, а затем js .click -> .hide

Answer 2

[Руслан Сайфуллин]

sozdaiblog.ru/css-jquery-javascript/samy-ffektivny...
js
codepen.io/stanislas-prime/pen/akrpD
jquery
codepen.io/stanislas-prime/pen/qKmfL

Answer 3

[Златослав Десятников]

А с воспроизведением видео можете посмотреть тут. YouTube API.
Хотя я не уверен, что это работает, если видео вставлено с помощью iframe. Может быть стоит пересмотреть способ вставки?

Answer 4

[Ваня Самойлов]

Максимально простой и понятный способ с использованием JS
https://evilcoder.ru/uskorenie-zagruzki-stranic-s-...