使HTML5视频播放器播放不同的文件

时间:2013-10-28 12:41:53

标签: javascript html5 html5-video

在播放视频时,我无法让HTML5播放器播放不同的视频,我尝试更改source.src但是它不会将实际视频更改为播放不同的文件。 如何让视频真正转到下一个视频?

这是代码中不起作用的部分:

使用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:这实际上不需要在线工作,我只是想为自己制作一个视频/音频播放器

1 个答案:

答案 0 :(得分: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();
}