Video.js +无法更改进度条的颜色答案

【问题标题】：Video.js + Can't change color of progress barVideo.js +无法更改进度条的颜色
【发布时间】：2013-08-21 16:31:44
【问题描述】：

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

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

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

但那里也没有骰子。

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

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

提前致谢。

【问题讨论】：

【解决方案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"}'

（控件前缺少引号）

【讨论】：