video mp4 in tag video HTML5 non giocare in cromo mobile e Safari Mobile

Question

ho questo codice per riprodurre un video in una pagina HTML5:

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

Il problema è che non funziona in cromo mobili (Android Telefono) e in Safari mobile (iPhone). Funziona però in "ogni" browser (testato con Safari, Chrome, Firefox) in desktop e anche su firefox mobile (Android Phone).

Come posso risolvere questo problema?

Edit: Aggiunto di questo codice:

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

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

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

Se aggiungo un pulsante che attivano la funzione visualizzarlovid() funziona. Quindi penso che il problema sia nell'autoplay. Ho provato ad attivare la funzione con l'evento load ma non funziona.

Answer 1

Molto semplicemente non c'è supporto per autoPlay su Safari mobile. Si prega di testare tutti i browser Android.

Io uso un trucco (o mostrare alcuni pop-up da usare evento):

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 ... 

recensione:

Non capisco ios html5 politico. Smettono di supportare il logger della console javascript (cerco ora: dalla versione 5.1 ios). Riproduzione automatica disabilitata, webrtc ... Vogliono dispositivi che funzionano perfettamente. La riproduzione automatica può essere pericolosa a carico. Nel prossimo futuro prevedo l'attivazione del supporto completo html5 su tutti i dispositivi mobili.

Nuovo aggiornamento: Ho trovato questa risposta positiva come:

Dopo il rilascio di iOS 10 di Apple ha permesso sordina video a riproduzione automatica: https://webkit.org/blog/6784/new-video-policies-for-ios/