html在youtube视频上更改颜色

Question

我需要一些帮助。我在许多不同的网站上看到他们改变了YouTube视频菜单的颜色。

这个

我不知道如何改变颜色。

我的代码。

<iframe width="760" height="428" src="https://www.youtube.com/embed/92HOgzQvtOw" frameborder="0" allowfullscreen></iframe>

如果你知道如何改变颜色请写一个我一直在搜索的评论，我还没有找到asnwer。希望我能在这里得到一个：）

谢谢

Answer 1

编辑：由于YouTube改变了播放器的工作方式，因此不推荐使用此答案。我会尽力更新这个答案。

您可以在嵌入Youtube视频时指定color进行更改，如文档here中所述。

  

颜色（支持的播放器：AS3，HTML5）此参数指定   将在播放器的视频进度条中使用的颜色   突出显示观看者已经看过的视频量。   有效参数值为红色和白色，默认情况下为播放器   将在视频进度条中使用红色。

不幸的是，现在似乎不推荐使用AS3和JavaScript，因此您必须使用Youtube iframe嵌入API。他们有我关联的文档，我相信你会通过简单地使嵌入链接具有颜色参数来设置，即

https://www.youtube.com/embed/M7lc1UVf-VE？的颜色=白色

＆＃13;

＆＃13;

<iframe width="560" height="315" src="https://www.youtube.com/embed/M7lc1UVf-VE?color=white" frameborder="0" allowfullscreen></iframe>

＆＃13;

＆＃13;

＆＃13;

如果你想要一个CUSTOM颜色...我相信唯一的方法是创建一个自定义进度条（以及所有的视频控件，因为这两个是绑在一起。这是更广泛的。我觉得他们故意他们做了这样玩家就可以保持对原始品牌的忠诚度。但是，您可以使用API​​执行某些操作，因为您可以访问player.getVideoLoadedFraction()和player.getCurrentTime()

播放状态

  

player.getVideoLoadedFraction（）：Float返回0到1之间的数字   指定播放器显示的视频百分比   缓冲的。此方法返回比数字更可靠的数字   现已弃用的getVideoBytesLoaded和getVideoBytesTotal方法。

因此，如果您真的想要，可以通过使用JavaScript提供值来自定义您自己的进度条。

Answer 2

尝试将?theme=light添加到YouTube网址。

Answer 3

我搜索了一下，找到了这个网站：https://www.reembed.com 而且这里有更多的帮助。您似乎可能需要使用YouTube API来获得所需内容：http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/

也许这可以帮到你？