HTML5视频播放器控件无法在Chrome

Question

工作

代码段：在页面加载创建在JavaScript的视频播放器元素

videoplayer = document.createElement("video"); 
videoplayer.setAttribute("id","myVideoPlayer"); 
videoplayer.setAttribute("controls","controls"); 
videoplayer.setAttribute("style","display:none"); 
videoplayer.setAttribute("width","200"); 
videoplayer.setAttribute("height", "200"); 
videosource = document.createElement("source"); 
videosource.type = "video/mp4"; 

videoplayer.appendChild(videosource); 

containerDiv.appendChild(videoplayer); 

和用户的点击事件，我改变的根源视频播放器

videoplayer = document.getElementById("myVideoPlayer"); 


var videosource= videoplayer.getElementsByTagName('source'); 
videosource = videosource[0] 
videosource.src = "my video url comes here"; 
videosource.type = "video/mp4"; 

videoplayer.pause();  
videoplayer.load(); 
videoplayer.play(); 

如果我做了前进和后退，它仍然从我们离开的地方开始。

Answer 1

您必须更改videoplayer元素的src，而不是videosource元素。

所以，你的代码将

videoplayer.setAttribute("src", "your video path");