web-dev-qa-db-fra.com

Vidéo intégrée Youtube: la fonction de lecture automatique ne fonctionne pas dans l'iphone

J'ai un lien vidéo youtube intégré dans une page HTML5, que je souhaite autoplay .

Le code suivant fonctionne dans les navigateurs, mais dans iphone; sa ne fonctionne pas et nécessite un clic supplémentaire.

<iframe type="text/html" width="125" height="100" src="http://www.youtube.com/embed/d_g0251EfB8?autoplay=1" frameborder="0"></iframe>

que faire

html5youtubeautoplay
48
Avi C

Cela ne peut pas être fait. Pour diverses raisons (notamment, mais sans s'y limiter, l'utilisation de données), Apple n'autorise pas la lecture automatique de vidéos.

Voir la réponse acceptée à cette question .

67
Mike

J'ai essayé avec les vidéos suivantes et la lecture automatique de vidéos avec succès en plein écran lorsque le chargement de la vue Web est terminé:

[self.webView setAllowsInlineMediaPlayback:YES];
[self.webView setMediaPlaybackRequiresUserAction:NO];

[self.view addSubview:self.webView];

NSString* embedHTML = [NSString stringWithFormat:@"\
                       <html>\
                       <body style='margin:0px;padding:0px;'>\
                       <script type='text/javascript' src='http://www.youtube.com/iframe_api'></script>\
                       <script type='text/javascript'>\
                       function onYouTubeIframeAPIReady()\
                       {\
                       ytplayer=new YT.Player('playerId',{events:{onReady:onPlayerReady}})\
                       }\
                       function onPlayerReady(a)\
                       { \
                       a.target.playVideo(); \
                       }\
                       </script>\
                       <iframe id='playerId' type='text/html' width='100%%' height='%f' src='http://www.youtube.com/embed/%@?enablejsapi=1&rel=0&playsinline=0&autoplay=1' frameborder='0'allowfullscreen>\
                       </body>\
                       </html>",self.webView.frame.size.height,@"Dw9jFO_coww"];


[self.webView bringSubviewToFront:self.btnBack];
self.webView.backgroundColor = [UIColor clearColor];
self.webView.opaque = NO;
[self.webView loadHTMLString:embedHTML baseURL:[[NSBundle mainBundle] resourceURL]];
3
Apurv Soni

METTRE À JOUR : 

iOS 10+ permet maintenant la lecture automatique sur les éléments <vidéo> HTML5, il suffit de couper le son sur les éléments. Youtube ne sera toujours pas. Android est toujours SOL aussi, mais bon, c'est un début!

ÉCHANTILLON:

<video autoplay muted>
  <source src="movie.mp4" type="video/mp4">
  Sadly, your browser does not support the video tag X_x 
</video>

SOURCE D'INFORMATION:https://webkit.org/blog/6784/new-video-policies-for-ios/

0
Lux.Capacitor