Javascript 更改JWPlayer显示图标的不透明度(播放按钮)
我想将JW播放器显示图标(播放按钮)的不透明度从1更改为.35,并希望避免生成自己的皮肤。我在这里的文档中没有看到任何关于不透明度或任何示例代码的内容: 通过查找jwdisplayIcon类并更改不透明度,我可以在Chrome的开发工具中轻松更改不透明度。在Chrome的控制台中运行这一行同样有效:Javascript 更改JWPlayer显示图标的不透明度(播放按钮),javascript,css,jwplayer,Javascript,Css,Jwplayer,我想将JW播放器显示图标(播放按钮)的不透明度从1更改为.35,并希望避免生成自己的皮肤。我在这里的文档中没有看到任何关于不透明度或任何示例代码的内容: 通过查找jwdisplayIcon类并更改不透明度,我可以在Chrome的开发工具中轻松更改不透明度。在Chrome的控制台中运行这一行同样有效: $('.jwdisplayIcon').css('opacity', '.35'); 但我尝试在JavaScript中添加相同的行,但没有成功。我还尝试将以下内容添加到CSS中,但没有成功: .j
$('.jwdisplayIcon').css('opacity', '.35');
但我尝试在JavaScript中添加相同的行,但没有成功。我还尝试将以下内容添加到CSS中,但没有成功:
.jwdisplayIcon {
opacity: .35;
}
这是我继承的设置:
jwplayer("expert-video").setup({
sources: [
{% for media in medias %}
{file: "{{ media.media.url }}", label: "{{ media.name }}"},
{% endfor %}
],
{% if expert.media_poster %}
image: "{{ expert.media_poster.url }}",
{% endif %}
width: "100%",
aspectratio: "16:9",
abouttext: "© Copyright 2014",
aboutlink: "http://example.com",
skin: "vapor"
});
看起来这个JavaScript设置将是进行更改的地方,但我不知道要添加什么。我尝试将以下行添加到设置中,但浏览器在“()”上抛出了一个意外的标记(似乎这只能在事件中调用):
我尝试将以下内容添加到我的设置中,尽管它将针对整个播放器,而不仅仅是显示图标,但它什么也没做:
opacity: ".35",
我发现可以使用JW Player,并将图标:false
更改为以下内容,但它不起作用:
icons: {
opacity: .35,
}
我需要做什么才能在不构建新皮肤的情况下更改不透明度?您应该在photoshop或其他图像编辑程序中制作图形,然后在那里更改不透明度 这样,它可以在播放器的两种渲染模式下工作,Flash或HTML5 您在这里的CSS工作只适用于HTML5播放器
是的,恐怕您必须构建一个新的皮肤才能做到这一点。
图标
需要是一个布尔值。此时{opacity:.35}的对象文字无效。最后还有一个逗号…给任何发现这个问题的人一个提示:添加!重要的是,CSS样式可以工作,但即使在视频播放时,它也会导致显示图标出现,所以不要这样做。是的,使用!重要信息可能会产生奇怪的副作用。Ethan,我照你说的做了——我以较低的不透明度保存图像,对它们进行编码,将它们放入vapor.xml,并在JW Player设置JavaScript中将“skin”设置为vapor.xml文件的路径。当我在本地为站点提供服务时,会显示新映像,但当我将所有更改推送到临时服务器时,默认映像仍会显示。我能做什么?这是XSS问题吗?你有我可以查看的链接吗?这里你可以看到staging vs.localhost(两者都有相同的代码):这里是到staging页面的链接:你的皮肤是从-加载的,所以这是未修改的版本。查看您的源代码,这个文件-static/js/step_detail.01f6e4005617.js正在像这样加载皮肤-skin:“vapor”,这将从我们的CDN加载皮肤。您需要将其更改为类似于skin的内容:“your/site/vapor.xml”,然后将皮肤上传到该位置(以及所有皮肤图像,除非您已经对它们进行了64位编码)。我只是在登台时仔细检查了每个文件中包含单词“vapor”,它们看起来都是这样的:skin:“/static/js/vapor.xml”。该XML文件中包含base64编码的图像,正如我所说的,它们在本地显示,但不是从暂存中显示。为什么皮肤会从p.jwpcdn.com/6/12/skins/vapor.xml加载,而不是从编辑过的文件加载?我在代码的任何地方都找不到那个链接。
icons: {
opacity: .35,
}