Question

我正在使用jquery ui标签和video.js。当我转到另一个标签时我想停止视频，当我回到第二个标签时重置它。

Answer 1

从VideoJS v4.6开始，您可以执行以下操作来重置播放器：

player.pause().currentTime(0).trigger('loadstart');

loadstart是显示海报图像并重新点燃第一个游戏事件的关键。

Answer 2

你可以将它用于展示海报或显示bigplay按钮

$( '.backlink' ).click( function() {
                // Player (this) is initialized and ready.
            var myPlayer = _V_("video9");
            myPlayer.currentTime(0); // 2 minutes into the video            
            myPlayer.pause();
            myPlayer.posterImage.el.style.display = 'block';
            myPlayer.bigPlayButton.show();
        });

Answer 3

player.reset();

生活很简单。

Answer 4

获取视频的ID。因为videojs附加这些字母，所以请附加带有id的_html5_api，然后你可以使用pause并使currentTime等于0。

var videoStop = document.getElementById(videoId+"_html5_api");
 videoStop.pause();     
 videoStop.currentTime= 0;

Answer 5

我找到的解决方案是使用videojs api，调用reset函数，然后使用initChildren重建播放器结构，我正在使用vesion 5.10.7。

{{1}}

Answer 6

这更容易。

let player = Video(el);
player.on('ended', () => {
    player.initChildren();
});

Answer 7

我正在寻找一种重新初始化 VideoJS 插件的方法，然后我发现了这个：-

var player = videojs('my-player');
player.on('ended', function() {
  this.dispose();
});

只需处理掉视频并再次初始化即可。

来源：- https://docs.videojs.com/tutorial-player-workflows.html#dispose

将Video.js插件重置为初始状态

7 个答案: