自定义嵌入YouTube播放器的颜色

时间:2019-05-10 15:11:41

标签: javascript css3 api youtube youtube-api

对于某些项目,我想设置进度条的颜色或youtube播放器的播放按钮的颜色。

我知道我们可以在src上加上“?color = white”(默认为红色)来设置为白色。

但是我想要嵌入更多类似“ The Huffinton Post”(法语版)的视频:

https://www.huffingtonpost.fr/entry/en-australie-cette-tempete-de-sable-a-transforme-le-jour-en-nuit_fr_5cd302f0e4b07ce6ef795848

但是我没有在源代码中找到它。 我尝试使用JS和Jquery将css文件(以更改规则颜色)添加到iframe中,而没有成功...

我该怎么做?

谢谢!

1 个答案:

答案 0 :(得分:0)

这是YouTube后端功能,特别适用于huffingtonpost.fr。原因如下:

  1. 打开https://www.huffingtonpost.fr/robots.txt(我们需要一个没有CSS和JavaScript的页面)
  2. 打开DevTools并选择“元素”标签
  3. <body>的内容更改为以下内容:

    <iframe id="ytplayer" type="text/html" allowfullscreen="allowFullScreen" src="https://www.youtube.com/embed/Hv_pklVVrQI" width="854" height="480" frameborder="0" allow="autoplay"></iframe>
    
  4. 您将看到绿色按钮并控制背景

在每个其他域上,这将显示正常的“主题”。