У меня есть:
- 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 вы получаете полосу шириной 1 пиксель слева/справа или сверху. это для проигрывателя HTML5.
Все мои видео имеют белый фон, а также изображение предварительного просмотра имеет белый фон, поэтому полоса в 1 пиксель раздражает.
Решение После прочтения бесконечных сайтов и сообщений я решил, что мне нужно отредактировать:
- 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 – для всех мобильных устройств.