Воспроизвести несколько видео только с одной панели управления в video.js - PullRequest
Новая
       32

Воспроизвести несколько видео только с одной панели управления в video.js

0 голосов
/ 23 октября 2018

Как я могу воспроизвести несколько видео, используя только одну панель управления в video.js?

Я создал два отдельных видеоэлемента, первый с видимыми элементами управления, второй без элементов управления.Я пытаюсь воспроизвести оба видео с помощью панели управления video-1.. 

<!-- Video 1 -->
  <video id="video-1" width="100%" height="auto" poster="mythumbnail-1.png" class="video-js" preload="auto" data-setup='{"fluid": true}' controls>
    <source src="myvideo-1.mp4" type="video/mp4">
  </video>

<!-- Video 2 -->
  <video id="video-2" width="100%" height="auto" poster="mythumbnail-2.png" class="video-js" preload="auto" data-setup='{"fluid": true}'>
    <source src="myvideo-2.mp4" type="video/mp4">
  </video>

Нужно ли для этого изменить файл video.js или это можно сделать с помощью нового скрипта?

Спасибо за ваш отзыв!

Обновление: мне удалось создать новую кнопку, которая запускает оба видео одновременно.Но так мне пришлось бы перестраивать каждую кнопку на панели управления и писать для них новые функции.Есть ли более умный способ сделать это?Например, есть ли решение использовать панель управления для каждого видео на всем сайте? 

var myPlayerA = videojs('video-1');
var myPlayerB = videojs('video-2');

document.getElementById("testbuttonplay").onclick = function () { 
  myPlayerA.play();
  myPlayerB.play();
};
...