Question

我正在构建一个加载电影的播放器逻辑，播放到最后，对“已结束”事件作出反应并设置一个新的源，必须循环直到用户进行交互。然后，film2被播放并“切换到循环”，所以我正在加载另一个src并设置选项以循环循环。

我无法让它发挥作用。

这是我的代码：

<video id="video_1" preload="auto" width="100%" height="100%">
    <source src="video/dummy/dummy_film1.mp4" type='video/mp4'>
</video>

这是我的js：

function initialVideoFinished(){
    _myPlayer.off('ended', initialVideoFinished);
    console.log('video1 finished - video js READY');
    console.log('myPlayer id == ' + _myPlayer);
    _V_('video_1', {'loop' : 'true'});
    _myPlayer.src('video/dummy/dummy_loop1.mp4');
    _myPlayer.play();
    ni_resize();
}

我尝试了很多变化。循环在“”或没有或_myPlayer.loop = true; V （...）oder只是videojs（..）但是新视频src从不循环。

我也试过更换整个标签。这有效，但后来我失去了对玩家对象的引用。

我该怎么做？

Answer 1

您可以使用loop(true)：

var myPlayer = videojs("my_video_1");
function initialVideoFinished(event) {
    console.log("end");
    myPlayer.off('ended', initialVideoFinished);
    myPlayer.src("http://example.com/newsource.mp4");
    myPlayer.loop(true);
    myPlayer.play();
}
myPlayer.on('ended', initialVideoFinished);

为video.js动态设置选项

1 个答案: