【问题标题】: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>

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

谢谢

【问题讨论】:

标签: 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/

    也许这可以帮助你?

    【讨论】:

      猜你喜欢
      • 2014-11-06
      • 2021-12-13
      • 2020-04-23
      • 2018-01-16
      • 2012-01-29
      • 2011-09-15
      • 2014-05-01
      • 2013-06-30
      • 2017-06-11
      相关资源
      最近更新 更多