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

时间:2017-06-19 12:30:12

标签: css overlay

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

1 个答案:

答案 0 :(得分:1)

嗯,你无法取代原来的按钮,但有一个解决方法。 我必须将@TomDoodler归功于this answer。 所以:

  
      
  1. 隐藏播放器
  2.   
  3. 获取描述为here的缩略图,并将其放在您的页面中,与播放器的位置和大小相同
  4.   
  5. 将自己的播放图标放在缩略图上
  6.   
  7. 点击播放图标后,隐藏缩略图和播放图标,显示播放器并使用链接中的YouTube API启动视频
  8.   

这里是fiddle // fiddles have to be accompanied by code, so here's some code