JWPlayer7 不加载肤色

Question

我在使用 jwplayer 时遇到了一个奇怪的错误。

我从 Angular JS 控制器对其进行配置，并使用一个简单的预览按钮加载它，该按钮使用请求的配置加载 jwplayer。

就这么简单。

jwplayer(id).setup(config);

我配置了皮肤和皮肤颜色（活动、非活动、背景）。

单击预览按钮时出现问题。有时播放器会加载正确的颜色，有时会加载默认的肤色。

每隔 jwplayer 属性正确加载。如果我更改皮肤模型，它将始终加载该模型，但颜色也会有同样的问题。

我运行一个jwplayer(attribute_id).getConfig()检查两种情况下加载了哪个conf，它们完全相同。

那么为什么 jwplayer 加载了肤色但在某些情况下它们不起作用？

从js获取皮肤相关配置api:

skin: "seven"
skinColorActive: "#FFFFFF"
skinColorBackground: "#3B0239"
skinColorInactive: "#EE2A7B"
skinUrl: undefined

我用的播放器版本是7.4.3

更新

我想通了这个问题。我有一个运行dom 生成（数字和字符）jwplayer id 的功能，以防我在同一页面中有几个 jwplayer，它们具有不同的 ID。

每次我生成新的 jwplayer 时，它都会使用不同的 ID。所以我注意到当 jwplayer id 以数字开头时颜色不起作用。

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

所以出于某种原因，虽然 JQuery 选择器是错误的，只是颜色不起作用，其余设置工作正常。

我假设 CSS 无法使用错误的 id 选择器，这就是颜色不会显示的原因...

Answer 1

皮肤更改在您的 CSS 文件或 header 中的 <style></style> 标签内实现。看起来您的配置文件正试图将它们拉入 JavaScript 播放器设置。以下是设计和实施您自己的皮肤的指南：https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_creating/

此外，我会确保您在调用皮肤更改时参考 JavaScript API 中定义的正确播放状态（空闲、缓冲、播放、暂停）： https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_reference/#playback

Answer 2

我想通了这个问题。我有一个随机生成（数字和字符）jwplayer id 的功能，以防我在同一页面中有几个 jwplayer，他们有不同的 id。

每次我生成一个新的 jwplayer 时，它都会使用不同的 ID。所以我注意到当 jwplayer id 以数字开头时颜色不起作用。

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

所以出于某种原因，虽然 JQuery 选择器是错误的，只是颜色不工作，其余设置工作正常。

我认为 CSS 无法使用错误的 id 选择器，这就是颜色不会显示的原因...

JWPlayer7 不加载肤色

JWPlayer7 not loading the skin colors

angularjs

jwplayer

jwplayer7