VideoJS如何重置视频,显示海报和播放按钮

时间:2016-09-12 12:16:47

标签: javascript video.js

我正在使用VideoJS插件,我无法弄清楚如何重置视频,以便用户在结束后再次看到海报和播放按钮。

我试过了:

$('#video_id').on("ended", function () {
      $(this).paused = false; // didnt work
      $(this).paused(false); // didnt work
      $(this).currentTime = 0; // didnt work
      $(this).reset(); // didnt work
});

但这一切都无效。请帮忙......

2 个答案:

答案 0 :(得分:0)

我自己解决了这个问题:

$(video).on("ended", function () {
    var videoElem = document.getElementById('videoDiv');
    videojs(videoElem).trigger('loadstart');
});

为了再次显示playButton和海报,可以通过修改CSS

来实现

这就是诀窍! : - )

答案 1 :(得分:0)

here所述,当今最好的方法是将hasStarted玩家道具设置为false。我自己对其进行了测试,并且可以正常工作。而且不必在视频结尾。

@ st80的答案对我不起作用。

videojs_instance.hasStarted(false);