Vidéo embarquée sur Youtube: fonction autoplay ne fonctionne pas sur iphone
j'ai un lien vidéo YouTube embedded dans la page HTML5, que je veux autoplay .
le code suivant fonctionne dans les navigateurs, mais dans l'iphone; il ne fonctionne pas et a besoin d'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
3 réponses
c'est impossible. Pour diverses raisons (y compris, mais pas limité à l'utilisation des données), Apple n'autorise pas l'auto-lecture de vidéos.
j'ai essayé de suivre et Youtube vidéo automates avec succès en plein écran lorsque web view finish loading:
[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]];
mise à jour:
iOS 10+ permet maintenant l'auto-lecture sur les éléments HTML5 < video>, il suffit de couper l'audio sur les éléments. Youtube ne le 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>
INFO SOURCE: https://webkit.org/blog/6784/new-video-policies-for-ios /