2015-11-10 94 views
1

我有這樣的JS代碼:循環通過視頻在HTML5

​​

和我有兩個視頻我想打了一個又一個。該視頻在播放罰款 - 第一次和結束第二個之後,但通過第二視頻,而不是再次播放第一視頻與此代碼後循環結束了第二視頻等

能否請你幫忙嗎?

由於提前, 的Yaniv

+0

嘗試'video_count ++'底下'.play()' –

+0

對不起,它沒有工作 – Yanivn78

回答

2

使用ended事件再次觸發run功能。

video_count =1; 
videoPlayer = document.getElementById("homevideo"); 
function run(){ 
    if (video_count == 4) video_count = 1; 
    var nextVideo = "app/video"+video_count+".mp4"; 
    videoPlayer.src = nextVideo; 
    videoPlayer.play(); 
    video_count++; 
}; 
videoPlayer.addEventListener('ended', run); 
-1
video_count =1; 
videoPlayer =  document.getElementById("homevideo"); 

function run(){ 
    if (video_count > 2) video_count = 1; 
    var nextVideo = "app/video"+video_count+".mp4"; 
    videoPlayer.src = nextVideo; 
    videoPlayer.play(); 
    video_count++; 
}; 

就能解決問題 你增加變量定義視頻的文件名之前,所以你有兩個開始... 條件必須隨之改變,因爲我們希望能設置視頻計數爲1後才顯示第二個視頻

+0

恐怕它仍然不起作用。也許問題是與var nextVideo?當我聲明路徑(例如)「http://www.youtube.com/12345」,然後+ VIDEO_COUNT +」 MP4" ; - 第二個視頻根本不在播放 - 我改爲黑屏。第二個視頻僅宣佈VAR nextVideo =「http://www.youtube.com/12345」 ... – Yanivn78

+0

這不是什麼@YanivNoodelman努力實現的目標時播放。他正在努力創建播放列表循環,其中'n'th視頻之後'N + 1'th。查看我的答案以獲得有效的解決方案 – Oleander

+0

親愛的@ Oleander,你可以請建議如何構建JS代碼播放另一種類型的相同的視頻的情況下,瀏覽器不支持定義爲默認類型?例如,如果不支持.mp4,則使用.webm類型播放相同的vidwo。 – Yanivn78