html在youtube视频上更改颜色答案

【问题标题】：html change color on youtube videohtml在youtube视频上更改颜色
【发布时间】：2015-05-24 18:01:16
【问题描述】：

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

这个

我不知道如何改变颜色。

我的代码。

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

如果你知道如何改变颜色，请写下我一直在到处搜索但我没有找到答案的评论。希望我能在这里得到一个:)

谢谢

【问题讨论】：

Is there a way to change the slider colour in an embedded YouTube video?的可能重复

标签： html css iframe youtube

【解决方案1】：

编辑：此答案已被弃用，因为 YouTube 改变了他们的播放器的工作方式。我会尽量更新这个答案。

您可以在嵌入 Youtube 视频时指定 color 来更改它，如他们的文档 here 中所述。

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

不幸的是，现在似乎不推荐使用 AS3 和 JavaScript，因此您将不得不使用 Youtube Iframe 嵌入 API。他们有我链接的文档，我相信您只需让嵌入链接具有颜色参数即可进行设置，即

https://www.youtube.com/embed/M7lc1UVf-VE?color=white

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

如果您想要自定义颜色...我相信唯一的方法是创建自定义进度条（以及所有视频控件，因为两者是捆绑在一起的。这有点广泛。我觉得他们是故意这样做的这样玩家就可以忠实于原始品牌。但是您可以使用 API 做一些事情，因为您可以访问 player.getVideoLoadedFraction() 和 player.getCurrentTime()

播放状态

player.getVideoLoadedFraction():Float 返回一个介于 0 和 1 之间的数字指定播放器显示的视频百分比缓冲的。此方法返回一个比现已弃用的 getVideoBytesLoaded 和 getVideoBytesTotal 方法。

因此，如果您真的需要，您可以自定义您自己的进度条，方法是使用 JavaScript 为其提供值。

【讨论】：

我看不出红/白设置有什么区别。那是因为您链接到的特定视频现在已损坏吗？
很多人似乎有一种放视频的天赋，2个月后就不行了:)
@Gino 感谢您的支持——YouTube 最近更新了他们的播放器，因此上述选项不再有效。我将尝试查看是否可以更新此答案，但现在我将此答案标记为已弃用。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

也许这可以帮助你？

【讨论】：