我和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选择器,这就是为什么颜色不会出现......
答案 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选择器,这就是为什么颜色不会出现......