2013-10-28 151 views
0

播放視頻時,我無法讓HTML5播放器播放不同的視頻,我嘗試更改source.src,但不會改變播放的實際視頻一個不同的文件。 如何讓視頻真正轉到下一個視頻?讓HTML5視頻播放器播放不同的文件

這是代碼的,這不是工作的一部分:

的Javascript:

function change(s){ 
    srs=document.getElementById('source'); 
    srs.src=""; 
    srs.src=s; 
    video.pause(); 
    video.currentTime=0; 
    video.play(); 
} 

HTML:

<video id='video'> 
    <source id='source' src="file:///C:/Users/Ruurd/Music/Far%20East%20Movement%20-%20Turn%20Up%20The%20Love%20ft.%20Cover%20Drive.mp3" > 
</video> 

PS:這實際上並沒有在網上工作,我只想爲自己做一個視頻/音頻播放器

+0

刪除然後重新創建視頻元素 – SaudiD3mon

回答

0

設置src屬性後,請致電video.load()。實際上,如果你只有一個單一的來源(大概是因爲你知道你將要使用一個會播放mp3的瀏覽器),那麼你可以簡化並設置src屬性視頻標籤本身。

HTML:

<video id="video" src="file:///C:/Users/Ruurd/Music/Far%20East%20Movement%20-%20Turn%20Up%20The%20Love%20ft.%20Cover%20Drive.mp3"></video> 

的Javascript:

var video = document.getElementById('video'); 
function change(s){ 
    video.pause(); 
    video.src = s; 
    video.load(); 
    video.currentTime = 0; 
    video.play(); 
} 
+0

可我知道爲什麼用你的方法在iPhone上幾秒鐘後播放按鈕消失? – user1788736