user3573535 user3573535 - 4 months ago 11
HTML Question

Youtube - custom play icon

I wanted to ask, if can i change Youtube embbeded video play icon ?
I found this post:
Can I change the play icon of embedded youtube videos?
But this button is on top of orginal play icon, so if i use something transparent, orginal play icon will be visible.

Thank you for help.

Answer

I dont think you can change the real button, but you could work around it:

  1. Hide the player
  2. Get the thumbnail like described here and put it in your page at the same position and size of the player
  3. Put your own play icon over the thumbnail
  4. When your play icon gets clicked, hide the thumbnail and your play icon, show the player and use the YouTube API like in your link to start the video

Fiddle

//Fiddles have to be accompanied by code so heres some code