在iPhone上自動播放內嵌YouTube視頻

我需要在uiwebview中使用IOS 5.0+自動播放來自youtube的內聯視頻。我設法使其發揮內嵌本：在iPhone上自動播放內嵌YouTube視頻

NSString *html = [NSString stringWithFormat:@"\ 
      <html>\ 
      <head>\ 
      <script type='text/javascript'>\ 
        function onPlayerReady(event) {\ 
        event.target.playVideo();\ 
        }\ 
      </script>\ 
      <style type=\"text/css\">\ 
      iframe {position:absolute; top:0%%; margin-top:-0px;}\ 
      body {background-color:#000; margin:0;}\ 
      </style>\ 
      </head>\ 
      <body>\ 
      <iframe width=\"100%%\" src=\"https://www.youtube.com/embed/%@?feature=player_detailpage& modestbranding=1&amp;rel=0;autoplay=1;showinfo=0;loop=1;autohide=1;playsinline=1;autoplay=1\" frameborder=\"0\" allowfullscreen></iframe>\ 
      </body>\ 
      </html>", ID]; 
    [videoWebView loadHTMLString:html baseURL:[[NSBundle mainBundle] resourceURL]];

但我無法弄清楚如何使它自動播放。我還發現其他解決方案，自動播放視頻，但它開始全屏，我不知道如何使其內聯。

NSString *youTubeVideoHTML = @"<!DOCTYPE html><html><head><style>body{margin:0px 0px 0px 0px;}</style></head> 
<body> <div id=\"player\"></div> 
    <script> var tag = document.createElement('script'); 
    tag.src = \"http://www.youtube.com/player_api\"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', {width:'%d', height: '%d', videoId:'%@', events: { 'onReady': onPlayerReady, } }); } 
     function onPlayerReady(event) { event.target.playVideo(); } 
    </script> 
</body> </html>"; 

    NSString *html = [NSString stringWithFormat:youTubeVideoHTML, 320, 150, ID]; 
    [videoWebView loadHTMLString:html baseURL:[[NSBundle mainBundle] resourceURL]];

有沒有辦法讓js版本內聯或第一版自動播放？或者還有其他解決方案嗎？

來源

2013-04-04 Stals

我終於找到了。在JS的版本，你可以指定播放器的參數（如「showinfo」，「相對」，當然還有「playsinline」）

你只需要添加playerVars對象，並指定你的參數吧。所以代碼看起來像這樣：

NSString *youTubeVideoHTML = @"<!DOCTYPE html><html><head><style>body{margin:0px 0px 0px 0px;}</style></head> <body> <div id=\"player\"></div> <script> var tag = document.createElement('script'); tag.src = \"http://www.youtube.com/player_api\"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', {width:'%d', height: '%d', videoId:'%@', playerVars: {'playsinline' : 1, 'rel':0, 'showinfo':0}, events: { 'onReady': onPlayerReady, } }); } function onPlayerReady(event) { event.target.playVideo(); } </script> </body> </html>"; 

NSString *html = [NSString stringWithFormat:youTubeVideoHTML, 320, 180, ID]; 
[videoWebView loadHTMLString:html baseURL:[[NSBundle mainBundle] resourceURL]];

來源

2013-04-04 12:08:07 Stals

Thaks爲這個美妙的解決方案 – dreampowder 2013-05-05 13:35:01

爲什麼你不使用本機視頻播放器？
嘗試LBYouTubeView包裝，它很容易整合。

來源

2013-04-04 12:11:57 ArtFeel

因爲我認爲這是違反YouTube規則 – Stals 2013-04-04 12:16:24

在iPhone上自動播放內嵌YouTube視頻

回答

相關問題