2016-07-26 15 views
8

Ich verwende mediaelement.js, um ein Video anzuzeigen. Ich verwende diesen Code:mediaelement.js autoplay funktioniert nicht auf mobilen Geräten

<body> 
     <video id="player1" style="width: 100%; height: 100%;" preload="auto" autoplay="true" src="video.mp4" /> 

     <script> 
    $('video').mediaelementplayer({ 
     features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], 
    }); 

    var player = new MediaElementPlayer('player1'); 
    player.play(); 


     </script> 
    </body> 

Wenn die Seite geladen, Ich mag würde, um automatisch das Video zu starten. Dies funktioniert in Desktop-Browsern, in mobilen Browsern wird das Video jedoch nicht automatisch abgespielt.

Was mache ich falsch?

+0

Sie jetzt ein benutzer initialisiert Ereignis müssen auf mobilen spielen() Medien. Sie können ein klares div verwenden, um den Benutzer dazu zu bringen, es zu berühren, um ein click() - Ereignis in einen play() -Aufruf zu verketten, kann aber nicht spielen(), ohne dass der Benutzer _etwas_ berührt. – dandavis

Antwort

Verwandte Themen