css - youtube 红色播放按钮上的假播放按钮

Question

我的网站嵌入了黑白 YouTube 预告片和经典电影的摘录。如何隐藏 youtube 红色按钮以便用我的假冒按钮播放，比如黑色、灰色或银色/金属？请记住，我不想删除红色按钮，只是用我的假按钮隐藏它，所以当我点击我的假按钮时，实际上我点击了红色按钮。看不到的主要目的是不丑化我的网站，它在风格上完全是黑白的。 ...还有其他非常重要的事情 - 如果您可以避免使用 youtube API，因为它会减慢我的网站速度。谢谢你!!!

Answer 1

虽然您无法替换原来的按钮，但有一个解决方法。我必须感谢@TomDoodler this answer .所以:

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 必须伴随着代码，所以这里有一些代码