JWPlayer7没有加载肤色

时间:2016-06-03 09:56:15

标签: angularjs jwplayer jwplayer7

我和jwplayer有一个奇怪的错误。

我从Angular js控制器配置它并使用一个简单的预览按钮加载它,该按钮将jwplayer加载到请求的conf。

就这么简单。

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

更新

我想出了这个问题。我有一个随机生成(数字和字符)jwplayer id的函数,以防我在同一页面中有几个jwplayers他们有不同的ID。

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

  

ID和NAME令牌必须以字母([A-Za-z])开头,可能是   后跟任意数量的字母,数字([0-9]),连字符(" - "),   下划线(" _"),冒号(":")和句号("。")。

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

我认为CSS无法使用错误的id选择器,这就是为什么颜色不会出现......

2 个答案:

答案 0 :(得分:1)

皮肤更改在CSS文件中或标头中的<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

答案 1 :(得分:0)

我想出了这个问题。我有一个随机生成(数字和字符)jwplayer id的函数,以防我在同一页面中有几个jwplayers他们有不同的ID。

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

  

ID和NAME令牌必须以字母([A-Za-z])开头,可能是   后跟任意数量的字母,数字([0-9]),连字符(“ - ”),   下划线(“_”),冒号(“:”)和句点(“。”)。

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

我认为CSS无法使用错误的id选择器,这就是为什么颜色不会出现......