Javascript 让HTML5视频播放器播放不同的文件

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

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

Javascript:

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

<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>

HTML:

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

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

设置

src

属性后，调用

video.load（）

实际上，如果您只需要一个源（大概是因为您知道您将使用一个可以播放mp3的浏览器），那么您可以简化并设置视频标记本身的src属性

HTML:

---

删除然后重新创建视频元素我可以知道为什么在iphone上使用您的方法几秒钟后播放按钮消失吗？