UIWebView 中的 YouTube 只播放一次答案

【问题标题】：YouTube in UIWebView only plays onceUIWebView 中的 YouTube 只播放一次
【发布时间】：2012-11-08 21:06:37
【问题描述】：

我有一个 UIWebView，其中包含一些通过 iframe 代码嵌入的 YouTube 视频：

<iframe width="190" height="102" src="http://www.youtube.com/embed/...?showinfo=0" frameborder="0" allowfullscreen></iframe>

当它第一次加载时，每个视频只能观看一次。查看后该区域是黑色的，里面有白色的“Youtube”。

有什么想法吗？当然在观看视频后重新加载 UIWebView 会修复它，但我不喜欢这样......

【问题讨论】：

没有其他人有这个问题？
你能解决这个问题吗？我收到“此视频当前不可用”。
不，我尝试了 youtube iframe api，在播放完成时获取事件，所以我可以重新加载相应的 iframe，但我还没有成功......
我使用播放器api而不是iFrame api，将部署目标从iOS6更改为iOS 5并开始工作。

标签： objective-c ios uiwebview youtube

【解决方案1】：

我做到了！以下 Javascript 完成了这项工作：

<script>
 VideoIDs = new Array(...some ids here...);

 function getFrameID(id){
  var elem = document.getElementById(id);
  if (elem) {
   if(/^iframe$/i.test(elem.tagName))
    return id;
   var elems = elem.getElementsByTagName("iframe");
   if (!elems.length)
    return null;
   for (var i=0; i<elems.length; i++) {
    if (/^https?:\/\/(?:www\.)?youtube(?:-nocookie)?\.com(\/|$)/i.test(elems[i].src))
     break;
   }
   elem = elems[i];
   if (elem.id)
    return elem.id;
   do {
    id += "-frame";
   } while (document.getElementById(id));
   elem.id = id;
   return id;
  }
  return null;
 }

 var YT_ready = (function(){
  var onReady_funcs = [], api_isReady = false;
  return function(func, b_before){
   if (func === true) {
    api_isReady = true;
    for (var i=0; i<onReady_funcs.length; i++){
     onReady_funcs.shift()();
    }
   } else if(typeof func == "function") {
    if (api_isReady)
     func();
    else
     onReady_funcs[b_before?"unshift":"push"](func);
   }
  }
 })();

 function onYouTubePlayerAPIReady() {
  YT_ready(true)
 }

 (function(){
  var s = document.createElement("script");
  s.src = "http://www.youtube.com/player_api";
  var before = document.getElementsByTagName("script")[0];
  before.parentNode.insertBefore(s, before);
 })();

 var players = new Array();
 YT_ready(function() {
  for(index in VideoIDs) {
   var frameID = getFrameID(VideoIDs[index]);
   if (frameID) {
    players[frameID] = new YT.Player(frameID, {
     events: {
      "onStateChange": stateChange
     }
    });
   }
  }
 });

 function youtube_parser(url){
  var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
  var match = url.match(regExp);
  if (match&&match[7].length==11){
   return match[7];
  }
 }

 function stateChange(event) {
  if(event.data == YT.PlayerState.ENDED){
   document.location = 'callback:finished';
   document.getElementById(youtube_parser(event.target.getVideoUrl())).contentWindow.location.reload(true);
  }
 }
 </script>

【讨论】：