2017-02-22 2 views
0

Code Snippet: Erstellen der Video-Player-Element in der Javascript-Seite LastHTML5 Video Player-Steuerelemente funktionieren nicht in Chrome

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

und auf Ereignis Benutzer klicken Ich ändere die Quelle Video-Player

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

Wenn ich vorwärts und rückwärts mache, beginnt es immer noch dort, wo wir gegangen sind.

+0

Detailliertere Code wäre hilfreich sein. – user218046

Antwort

0

Sie müssen die Quelle des Videoplayer-Elements ändern, nicht das Videoquellenelement.

für Sie So wird der Code

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

Funktioniert nicht. Ich kann Videos abspielen, aber ich kann nicht vorwärts und rückwärts spielen. –

+0

Wie gehen Sie vorwärts und rückwärts? Mit der Video-Timeline? –

+0

Mit dem Video-Steuerelement (Seek/Cursor, die in der Video-Steuerleiste vorhanden ist) –