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

Question

如何仅使用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();
};