使用javascript更改媒体源

Question

我现在遇到了一个小问题，我无法找到解决方案。

HTML：

<video id="vid" controls >
<source src=".mp4" type="video/mp4">
<source src="HEYE.mp4" type="video/mp4">
</video>

JavaScript的：

function ChangeVideo(){
 if(click%2 == 0){
    document.getElementById('vid').src="Troll.mp4";
    click++;
 }else{
    document.getElementById('vid').src="HEYE.mp4";
    click++;
 }
}

按钮：

<button onclick="ChangeVideo()">Change video</button>

问题是当我点击按钮时，我不会让它改变视频。

我的地图中的视频名称为＆＃34; HEYE.mp4＆＃34;和＆＃34; Troll.mp4＆＃34;

Answer 1

function ChangeVideo(){
    var vid = document.getElementById('vid');
    vid.src = click%2 ? "HEYE.mp4" : "Troll.mp4";
    vid.load();
    vid.play();
    click++;
}