更改 JWPlayer 显示图标（播放按钮）的不透明度

Question

我想将 JW Player 显示图标（播放按钮）的不透明度从 1 更改为 .35，并希望避免制作自己的皮肤。我在这里的文档中没有看到任何关于不透明度或任何示例代码的信息：http://support.jwplayer.com/customer/portal/articles/1413071-skin-xml-reference#dispaly

我可以通过找到 jwdisplayIcon class 并更改不透明度来轻松更改 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: "&copy; Copyright 2014",
        aboutlink: "http://example.com",
        skin: "vapor"
      });

这个 JavaScript 设置似乎是进行更改的地方，但我不知道要添加什么。我尝试将以下行添加到设置中，但浏览器在“()”上抛出了一个意外令牌（这似乎只能在事件中调用？）：

jwplayer().getPlugin("display").style.opacity='.35';

我尝试将以下内容添加到我的设置中，即使它会针对整个播放器而不仅仅是显示图标，但它什么也没做：

opacity: ".35",

我发现this JSFiddle可以用JW Player玩，把icons: false改成下面的，但是没用：

 icons: {
     opacity: .35,
 }

我需要做什么才能在不构建新皮肤的情况下更改不透明度？

Answer 1

您应该在 photoshop 或其他图像编辑程序中制作图形并在那里更改不透明度。

这样它就可以在播放器、Flash 或 HTML5 的两种呈现模式下工作。

您在此处的 CSS 解决方法仅适用于 HTML5 玩家。

是的，恐怕你必须制作一个新皮肤才能做到这一点。

更改 JWPlayer 显示图标（播放按钮）的不透明度

Change Opacity of JWPlayer Display Icon (Play Button)

javascript

css

jwplayer