Youtube嵌入式视频:自动播放功能无法在iphone中运行

时间:2011-11-15 19:01:47

标签: html5 youtube autoplay

我在HTML5页面中有一个youtube embeded视频链接,我想autoplay

以下代码适用于浏览器,但在iphone中;它不起作用,需要额外点击。

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

该怎么做

3 个答案:

答案 0 :(得分:66)

无法做到。由于各种原因(包括但不限于数据使用),Apple不允许自动播放视频。

请参阅the accepted answer to this question

答案 1 :(得分:3)

我已尝试使用以下内容并在网页视图完成加载时以全屏模式自动播放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]];

答案 2 :(得分:1)

更新:

iOS 10+现在允许在HTML5上自动播放&lt;视频&GT;元素,只需要静音元素上的音频。 Youtube仍然没有。 Android也是SOL,但嘿,这是一个开始!

<强>示例:

<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/