HTML5ページにYouTube埋め込みビデオリンクがあり、これを autoplay にしたい。
次のコードはブラウザで動作しますが、iPhoneでは動作します。動作せず、追加のクリックが必要です。
<iframe type="text/html" width="125" height="100" src="http://www.youtube.com/embed/d_g0251EfB8?autoplay=1" frameborder="0"></iframe>
何をすべきか
できません。さまざまな理由(データの使用を含むがこれに限定されない)で、Appleは動画の自動再生を許可しません。
この質問に対する受け入れられた答え を参照してください。
私は次のことを試してみましたが、Webビューの読み込みが完了すると、YouTubeビデオがフルスクリーンで正常に自動再生されます:
[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]];
UPDATE:
iOS 10以降では、HTML5 <video>要素での自動再生が可能になりました。要素の音声をミュートするだけです。 Youtubeはまだありません。 Android is still SOL too、but hey、a start!
サンプル:
<video autoplay muted>
<source src="movie.mp4" type="video/mp4">
Sadly, your browser does not support the video tag X_x
</video>
情報ソース:https://webkit.org/blog/6784/new-video-policies-for-ios/