colors - Video.js +无法更改进度条的颜色

Question

这个播放器 (video.js) 可以工作，这比我试图集成到我的网站的其他播放器要多。谢谢你！但是，我遇到了我似乎无法解决的样式在 IE 中的显示问题。无论我尝试什么，我都无法覆盖当前的进度条颜色。我需要颜色来匹配我网站中的某种颜色。然而，我现在得到的只是紫色。

我尝试更改 CSS 类 .vjs-play-progress （并更改了背景属性）。我什至尝试将从 video.js 主页自定义视频创建器创建的 CSS 片段放入我的视频所在页面的头部。依然没有。我尝试在颜色规范之后添加!important

.vjs-play-progress {background: #63CADF !important;} 

但那里也没有骰子。

这是玩家当前所在的位置：

http://www.myvisitreup.com/videoOverview.html

请帮忙，因为我已经用尽了我的解决方案。

提前致谢。

Answer 1

您的data-setup属性已损坏，因此它实际上显示的是本机控件，而不是自定义 HTML 控件。（在错误控制台中，您将看到“SyntaxError: JSON.parse(): invalid or malformed JSON data”）

data-setup='{controls": true, "autoplay": false, "preload": "auto"}'

应该

data-setup='{"controls": true, "autoplay": false, "preload": "auto"}'

（控制前缺少报价）