HTML5-Video nicht spielen, bis Quelle Update

Question

ich einen HTML5-Player haben, die ein Teil von meinem Handy ist (cordova) App:

<video width="100%" height="100%" id="video-1" src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" preload="none"> 
    <source src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" type="video/mp4"> 
</video> 

?param= in die und wurde wegen der bekannten Chrome Fehler hinzugefügt verursacht durch Laden mehrerer Videos.

So habe ich in meinem Code auch canplaythrough Veranstaltung:

var videoWrapper = document.getElementById('video-1'); 

videoWrapper.addEventListener('canplaythrough', function(){ 
    videoWrapper.play(); 
}); 

Aber Video spielt nie. Wenn ich versuche, ihn auszuführen manuell funktioniert es nicht funktionieren, aber wenn ich manuell nachladen src Attribut und dann spielen versuchen - es funktioniert:

var src = document.getElementById('video-1').getAttribude('src'); 
document.getElementById('video-1').setAttribute('src', src); 
document.getElementById('video-1').play(); 

Warum Video spielt nicht ohne diese refresh? Bitte helfen Sie.

Answer 1

Ich vermute, dass das Problem auf preload Eigenschaft ist. Sie haben es als none konfiguriert, damit der Browser beim Laden der Seite kein Video lädt. Die Verwendung von auto sollte funktionieren.

<video width="100%" height="100%" id="video-1" preload="auto"> 
    <source src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" type="video/mp4"> 
</video> 

Answer 2

Ich denke, Sie verwenden src an falscher Stelle in Video-Tag, an dieser Stelle können Sie Steuerelemente verwenden.

Siehe diesen Link: http://www.w3schools.com/tags/tag_video.asp.

Mehr Video-Einstellungen von diesem Link: https://developer.mozilla.org/en/docs/Web/HTML/Element/video

Ich hoffe, dies wird Ihnen helfen.

Stellen Sie außerdem sicher, dass Sie #id für Video-Tag korrekt schreiben.

var videoWrapper = document.getElementById('video-1'); 

oder

var videoWrapper = document.getElementById('video-2');// Correct One 

Dank