0

My site has embedded black and white youtube trailers and excerpts from classic movies. How do I hide the youtube red button for playback with my counterfeit one, say black, gray or silver/metallic? Keep in mind that I do not want to remove the red button, just hide it with my fake, so when I click on my fake button, actually I click the red button. The main purpose of not being able to see is to not uglify my site, which is entirely black and white stylistically. ...And, something else very important - if you can avoid the youtube API because it slows down my site. Thank you!!!

Явор Зарков
  • 5
  • 1
  • 4
  • [hope this information helps you, similar post](https://stackoverflow.com/questions/20596551/is-it-possible-to-hide-youtubes-big-red-play-button-with-a-parameter) – Foo Bar Jun 19 '17 at 12:32
  • Possible duplicate of [Is it possible to hide youtube's big red play button with a parameter?](https://stackoverflow.com/questions/20596551/is-it-possible-to-hide-youtubes-big-red-play-button-with-a-parameter) – Foo Bar Jun 19 '17 at 12:33
  • Thanks for the fast response Foo Bar, I know that article but it doesnt help me so much... – Явор Зарков Jun 19 '17 at 12:39

1 Answers1

1

Well you can't replace the original button, but there's a workaround. I have to credit @TomDoodler for this answer. So:

  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

And here's the fiddle to this
// fiddles have to be accompanied by code, so here's some code

Tobias Glaus
  • 3,008
  • 3
  • 18
  • 37