播放一次後更改視頻

Question

我需要更改視頻src（此部分有效），並且在播放新視頻時，將src屬性設置回前一個視頻，但我無法檢測新視頻播放的時間一旦你改變了src屬性。

var video = document.getElementById('video-player'); 
        video.setAttribute('src',"https://myvideo.mp4"); 
        video.addEventListener('ended',function(){ 
        ..... 
        }); 

Answer 1

首先，您需要在更改之前保存當前的src屬性。

var previous_src= video.getAttribute('src'); 

然後添加一個endedevent Listener以檢測視頻端並添加所需的過程。

document.getElementById('video').addEventListener('ended',function(){ 
    ..... 
}, false); 

然後添加在上面的功能，你想要做的過程：

video.setAttribute('src',previous_src); //重新設置之前的SRC

this.load(); //load the video element 

看到my jsfiddle。