Mp4 Video in HTML5-Video-Tag nicht in mobilen Chrom und mobile Safari spielt

Question

Ich habe diesen Code ein Video in einer html5 Seite zu spielen:

<video autoplay loop id="bgvid"> 
    <source src="video-background.mp4" poster="/poster.png" type="video/mp4"> 
    </video> 

Das Problem ist, dass es nicht in der mobilen Chrom funktioniert (Android Telefon) und entweder auf einer mobilen Safari (iPhone). Aber es funktioniert in "jedem" Browser (getestet mit Safari, Chrome, Firefox) im Desktop und auch im mobilen Firefox (Android Phone).

Wie kann ich dieses Problem überwinden?

Edit: Added dieser Code:

var myVideo = document.getElementById("bgvid"); 

    function playVid() { 
     myVideo.play(); 
    } 

    function pauseVid() { 
     myVideo.pause(); 
    } 

Wenn ich eine Schaltfläche hinzufügen, die die Funktion playVid auslösen() es funktioniert. Also ich denke das Problem ist auf der Autoplay. Ich habe versucht, die Funktion mit dem Load-Event auszulösen, aber es funktioniert nicht.

Answer 1

Sehr einfach gibt es keine Unterstützung für AutoPlay auf mobilen Safari. Bitte testen Sie alle Android-Browser.

Ich benutze einen Trick (oder ein Popup zeigen Ereignis verwenden):

var ONLYONETIME_EXECUTE = null; 
window.addEventListener('load', function(){ // on page load 
  
    document.body.addEventListener('touchstart', function(e){ 
     
    if (ONLYONETIME_EXECUTE == null) {   

     video.play(); 

     //if you want to prepare more than one video/audios use this trick :    
      video2.play(); 
      video2.pause(); 
      // now video2 is buffering and you can play it programmability later 
      // My personal testing was maximum 6 video/audio for android 
      // and maybe 3 max for iOS using this trick. 

     ONLYONETIME_EXECUTE = 0; 
     } 

    }, false) 
  
}, false) 


// It is very usually that user touch screen ... 

Bewertung:

ich nicht ios html5 Politik verstehen. Sie hören auf, JavaScript-Konsolen-Logger zu unterstützen (ich suche jetzt: ab Version 5.1 ios) .Automatische Wiedergabe deaktiviert, webrtc ... Sie wollen Gerät, das perfekt funktioniert. Die automatische Wiedergabe kann beim Laden gefährlich sein. In naher Zukunft erwarte ich eine vollständige Aktivierung von HTML5 auf allen mobilen Geräten.

Neues Update: ich diese wie positive Antwort gefunden:

Seit der Veröffentlichung von iOS 10 Apple habe gedämpftes Video automatische Wiedergabe erlaubt: https://webkit.org/blog/6784/new-video-policies-for-ios/