0

我正在构建一个播放器逻辑,它加载一部电影,播放到最后,对“结束”事件做出反应并设置一个新的源,必须循环直到用户交互。然后,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 just videojs(..) 但新的视频 src 从不循环。

我也尝试更换整个标签。这可行,但随后我失去了对播放器对象的引用。

我怎样才能做到这一点?

4

1 回答 1

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);
于 2013-07-17T12:42:13.830 回答