用于 Wordpress 编辑的 JW Player 6 插件 jwplayer.js 用于白色背景

Question

我有：

• Wordpress V4.4.1
• 适用于 Wordpress 的 JW Player 6 插件 - 版本 2.1.14

我已经修复了一些问题，它们是：

• 点击视频时移除蓝色边框outline:0;
• 响应式设计时稍微减少下边距 margin-bottom: -11px;

CSS 代码如下所示：

#jwplayer-0
{
outline:0;
margin-bottom: -11px;
}

问题 - 黑条/背景

• 当通过 chrome/FF 放大和缩小时，您会在 left/right 还是顶。这是给 HTML5 玩家的。

• 我所有的视频都是白色背景，预览图也是白色背景，所以1px的条很烦人。

解决方法 在阅读了无数网站和 posts 之后，我确定我需要编辑：

• jwplayer.js
• jwplayer.html5.js

如本文所述postVideo embed background color

我搜索了插件文件夹 jw-player-plugin-for-wordpress 有点找不到这些文件。我假设他们是从远程服务器调用的，是吗？我什至使用 Notepad++ 搜索了所有代码的背景颜色等，但没有任何结果。

有谁知道如何使用插件更改视频嵌入背景颜色？

这是视频在 WP 中使用的代码：

[jwplayer player='2' abouttext='test' aboutlink='http://www.test.com' primary='html5' image='/wp-content/uploads/2016/01/test.jpg' jwplayer sources="{ file:'/wp-content/uploads/2016/01/test.webm' },{ file:'/wp-content/uploads/2016/01/test.mp4' }"]

• WEBM - CHROME/FF 的视频 - 修复灰色视频
• MP4 - 适用于所有移动设备

Answer 1

当您使用 WebM 和 MP4 媒体类型时，播放器应该在 HTML5 模式下呈现 - 根据 "primary" 设置。

鉴于此，您应该能够使用 CSS 定位播放器并覆盖背景颜色：

.jwplayer{background-color:transparent!important;}