Как сделать свою кнопка play для видео youtube?

Question

[Zempik]

Доброго времени суток. Есть код с видео от ютуб:

<iframe 
src="https://www.youtube.com/embed/8kQpWiyuthc?
rel=0&autoplay=0&showinfo=0&controls=0&HD=1&rel=0" 
frameborder="0" allowfullscreen></iframe>

Как заменить красную кнопку play на свою собственную?
Благодарю :)

Answer 1

[Степан Крапивин]

1. спрятать блок с видео
   
2. показать миниатюру от видео
   
3. поверх показать свою кнопку
   
4. при нажатии на свою кнопку спрятать миниатюру и кнопку
   
5. показать видео
   

jsfiddle.net/BeUFb/326

Comments

[Zempik]

Гениально :)

[Zempik]

подскажите, если не трудно, у меня получилось изменить размер видео (растянул на весь экран), а вот первый блок, который с кнопкой play, не получается растянуть.

[Степан Крапивин]

Zempik: покажите код или страницу где это работает

[Zempik]

_a92833kn.beget.tech - внизу

[Степан Крапивин]

у кнопки прописано свойство width="60" в самом теге, надо убрать

[Степан Крапивин]

а ссылку на миниатюру заменить на img.youtube.com/vi/8kQpWiyuthc/maxresdefault.jpg

[Zempik]

Степан: да, в этом и была проблема: "...maxresdefault.jpg"
Боооооооольшое вам спасибо

[Islam Ibakaev]

чувак, ты просто человечище!!! спасибо!

[LEV19]

Спасибо! Нашел, что использовании 'use strict' видео не запускается.

[Константин Клубков]

Степан Крапивин, а как быть если таких видео много?

[Zempik]

klubkov94, что значит "много" ? Сделать несколько таких блоков с видео.