爲video.js動態設置選項

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（...）或者只是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);