web-dev-qa-db-ja.com

Youtube埋め込みビデオ:自動再生機能がiPhoneで機能しない

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>

何をすべきか

49
Avi C

できません。さまざまな理由(データの使用を含むがこれに限定されない)で、Appleは動画の自動再生を許可しません。

この質問に対する受け入れられた答え を参照してください。

66
Mike

私は次のことを試してみましたが、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]];
3
Apurv Soni

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/

1
Lux.Capacitor