Javascript 在video.js中仅使用一个控制栏播放多个视频

如何在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>

---

你想要同样的行为吗@Amitboyar创建一个数组可能会有所帮助。但我仍然不知道如何应用标准控制栏来控制整个视频阵列。

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

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