2013-06-22 21 views
1

我使用几个HTMLLoader嵌入在AIR应用程序的YouTube视频(每加载一个),当我添加两个以上,这会导致错误的API中的所有玩家过去第二。玩家似乎工作正常,但事件从未被调用,并且player.pauseVideo未定义。嵌入多个视频会导致错误的YouTube API

TypeError: Result of expression 'b' [undefined] is not an object. 
at http://s.ytimg.com/yts/jsbin/www-embed-player-vflJ4hakx.js : 206 
at http://s.ytimg.com/yts/jsbin/www-embed-player-vflJ4hakx.js : 205 
at http://s.ytimg.com/yts/jsbin/www-embed-player-vflJ4hakx.js : 204 
at http://s.ytimg.com/yts/jsbin/www-embed-player-vflJ4hakx.js : 199 

我的嵌入代码:

function SetupYoutubePlayer(divName, videoID) { 
    _videoID = videoID; 
    _divName = divName; 
    var tag = document.createElement('script'); 

    tag.src = "https://www.youtube.com/iframe_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
} 

var _videoID; 
var _divName; 

var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player(_divName, { 
     height: '100%', 
     width: '100%', 
     wmode: 'opaque', 
     autohide: '1', 
     modestbranding: '1', 
     frameborder: "0", 
     showinfo: '0', 
     videoId: _videoID, 
     playerVars: { 
      'wmode': 'opaque', 
      'rel': 0, 
      'autohide': 1, 
      'modestbranding': 1, 
      'frameborder': 0, 
      'showinfo': 0, 
     }, 
     events: { 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

回答

0

它看起来像你重复调用下面几行:

var tag = document.createElement('script'); 

tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

那些只需要执行一次,在YT.Player拉定义和相关的API。如果您确定只执行一次,是否按预期工作?

+0

对于每个“HTMLLoader”只对这些行调用一次,并且每个加载程序都有一个视频 –

+0

如果对于更熟悉Adobe Air的人来说这很明显,但是每个HTMLLoader是否都有完全独立的JavaScript环境? –

+0

是的,我认为他们的行为类似于浏览器 –