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