Плагин JW Player 6 для Wordpress редактировать jwplayer.js для белого фона
Я имею:
- Wordpress V4.4.1
- Плагин JW Player 6 для Wordpress - Версия 2.1.14
Я исправил несколько вещей, которые:
- Удалить синюю рамку при нажатии на видео
outline:0;
- Немного уменьшите нижнее поле при адаптивном дизайне
margin-bottom: -11px;
Код CSS выглядит следующим образом:
#jwplayer-0
{
outline:0;
margin-bottom: -11px;
}
Проблема - черные полосы / фон
При увеличении и уменьшении с помощью chrome/FF, вы получаете полосу 1px слева / справа или сверху. это для игрока HTML5.
Все мои видео имеют белый фон, а также изображение предварительного просмотра имеет белый фон, поэтому полоса 1px раздражает.
Решение После прочтения бесконечных сайтов и постов я решил, что мне нужно отредактировать:
- jwplayer.js
- jwplayer.html5.js
Как указано в этом посте Видео вставлять цвет фона
Я искал в папке плагинов бит 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 - для всех мобильных устройств
1 ответ
Поскольку вы используете типы мультимедиа WebM и MP4, проигрыватель должен выполнять рендеринг в режиме HTML5 - согласно "основной" настройке.
Учитывая это, вы должны быть в состоянии нацелить игрока с помощью CSS и переопределить цвет фона:
.jwplayer{background-color:transparent!important;}