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");