У меня есть Electron настольное приложение, которое имеет функцию показа локальных видео пользователя в «лайтбоксе» с помощью jQuery lightgallery . Это немного сложная настройка, так как я использую iframe, загруженный videojs в lightgallery для представления видео.
Я боролся со способностью обрабатывать видео с различными аспектами крысы ios - настройки, которые работают для 16: 9, не работают для 4: 3 и т. Д. c.
Лучшее, что у меня получилось, - первое изображение ниже: соотношение сторон видео сохранено но «панель управления» заполняет весь контейнер, предоставленный lightgallery.
Есть ли способ увеличить размер панели управления по ширине видео?
Подробнее
Все видео загружается динамически, поэтому я не знаю их аспект крыса ios. Первые два изображения ниже являются результатом использования:
<video id="videoPlayer" class="video-js vjs-default-skin vjs-16-9"></video>
Я пытался использовать vjs-fluid или vjs-fill, но это привело к третьему изображению ниже с полосами прокрутки.
Видео : 4: 3
Видео: 16: 9
Видео: 4: 3 - использование vjs-fluid
Код настройки проигрывателя
var player = videojs("videoPlayer", {
controls: true,
autoplay: false,
preload: 'auto'
}, function () {
this.src(videoPath);
this.poster(posterPath);
this.load();
});