更改 JWPlayer 显示图标(播放按钮)的不透明度
Change Opacity of JWPlayer Display Icon (Play Button)
我想将 JW 播放器显示图标(播放按钮)的不透明度从 1 更改为 .35,并希望避免制作自己的皮肤。我在这里的文档中没有看到任何关于不透明度或任何示例代码的内容:http://support.jwplayer.com/customer/portal/articles/1413071-skin-xml-reference#dispaly
我可以通过找到jwdisplayIcon类并更改不透明度来轻松更改Chrome开发工具中的不透明度。在Chrome的控制台中运行此行也可以:
$('.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设置将是进行更改的地方,但我不知道要添加什么。我尝试将以下行添加到设置中,但浏览器在"()"上抛出了一个意外令牌(似乎这只能在事件中调用?
jwplayer().getPlugin("display").style.opacity='.35';
我尝试将以下内容添加到我的设置中,即使它会针对整个播放器而不仅仅是显示图标,但它根本没有执行任何操作:
opacity: ".35",
我发现这个 JSFiddle 可以与 JW 播放器一起玩,并将icons: false
更改为以下内容,但它不起作用:
icons: {
opacity: .35,
}
我需要做什么才能在不构建新皮肤的情况下更改不透明度?
您应该在 photoshop 或其他图像编辑程序中制作图形并更改那里的不透明度。
这样,它将在播放器(Flash或HTML5)的两种渲染模式下工作。
您在此处的CSS解决方法仅适用于HTML5播放器。
是的,恐怕你必须建立一个新的皮肤才能做到这一点。
相关文章:
- PHP Javascript显示/隐藏按钮不工作
- 为什么不是'这个jQuery汉堡包按钮不工作
- 如何更改文本框控件的不透明度值
- JS动态添加字段-删除按钮不起作用
- 为什么缩放按钮不会显示在照片擦除中
- 历史向前/向后按钮不'不能使用angular 2路由器
- 在js中访问元素时不透明度和样式未定义,但在css中定义
- 一键启动按钮不起作用
- 带有向下钻取的 Amchart 图表工作正常,但“后退”按钮不起作用
- Greenstock不透明度动画从0到1再返回
- 按钮不'我不工作;我又回到了起始页
- 如何在html画布上替换ByImage()而不是drawImage()(忽略不透明度)
- 更改 JWPlayer 显示图标(播放按钮)的不透明度
- 使用javascript设置按钮的不透明度值
- 移动对象并改变按钮的不透明度
- 改变不透明度的其他图像/链接按钮,除了一个选择
- 延迟视窗位置上按钮的不透明度
- 一旦我们使用css点击单个按钮,如何更改其他两个按钮的不透明度背景色
- asp.net 图像按钮和javascript鼠标悬停以更改图像不透明度的奇怪问题
- Javascript 按钮样式不透明度未正确更改