Question

以下代码加载视频但两个播放器同时准备就绪。当一个视频较小时，它就不会准备就绪，直到第二个视频也准备就绪。

我在同一个html页面上有两个视频标签：

<video id="player1" class="video-js" controls preload="auto" autoplay data-setup='{}'>
     <source src="" </source>
</video>

<video id="player2" class="video-js" controls preload="auto" autoplay data-setup='{}'>
     <source src="" </source>
</video>

并尝试使用此功能将不同的源加载到它们中：

function loadVid(playerId, vidSrc, callback) {
    var player = videojs(playerId);
    player.src(vidSrc);
    player.load();
    player.play();
    callback();
}

我在点击事件中调用：

loadVideoBtn.addEventListener('click', function (event) {
    loadVid("player1", "pathTo/video1.mp4", function() {});
    loadVid("player2", "pathTo/video2.mp4", function() {});
}

动态更改播放的视频会使事情变得更糟，因为它们有时会加载，开始播放，停止一秒然后再次开始播放，所有这些都是同步的。

有人能指出我想念的任何事情或误解吗？

在Electron App中加载到同一页面时，视频会互相阻塞（使用video.js）

0 个答案: