Youtube api 第二个JavaScript函数首先取消

Youtube api 第二个JavaScript函数首先取消,youtube-api,Youtube Api,我正在使用youtube视频api和ahve 2个独立的灯箱来打开同一个视频。一个用于移动设备,一个用于桌面 我遇到的问题是,一旦我为移动版本放置单独的代码,桌面版本就会停止工作。我的意思是,灯箱仍然打开,但视频无法播放 桌面(视频主页弹出窗口)和手机(视频主页弹出窗口手机)代码: var tag=document.createElement('script'); tag.src=”http://www.youtube.com/player_api"; var firstScriptTag=d

我正在使用youtube视频api和ahve 2个独立的灯箱来打开同一个视频。一个用于移动设备,一个用于桌面

我遇到的问题是,一旦我为移动版本放置单独的代码,桌面版本就会停止工作。我的意思是,灯箱仍然打开,但视频无法播放

桌面(视频主页弹出窗口)和手机(视频主页弹出窗口手机)代码:


var tag=document.createElement('script');
tag.src=”http://www.youtube.com/player_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
函数onYouTubePlayerAPIReady(){
player=新的YT.player('player'{
playerVars:{
是的,
主题:"光",,
rel:0,
wmode:“不透明”,
自动播放:“0”
},
高度:'480',
宽度:“640”,
videoId:'4IXAxJ8oPFg',
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(事件){
///event.target.playVideo();
}
函数onPlayerStateChange(事件){
if(event.data==YT.PlayerState.PLAYING){
_gaq.推送([''U trackEvent'、'视频'、'播放',
player.getVideoUrl());
}
如果(event.data==YT.PlayerState.PAUSED){
_gaq.推送([''U trackEvent'、'视频'、'暂停',
player.getVideoUrl());
}
如果(event.data==YT.PlayerState.end){
_gaq.推送([''U trackEvent'、'视频'、'观看到底',
player.getVideoUrl());
}
}
// ]]>
var-player1;
函数onYouTubePlayerAPIReady(){
player1=新的YT.Player('player1'{
player1Vars:{
是的,
主题:"光",,
rel:0,
wmode:“不透明”,
自动播放:“0”
},
高度:“自动”,
宽度:“自动”,
videoId:'4IXAxJ8oPFg',
});
}
// ]]>

不要使用两个函数:
onyoutublayerapiready()

<div id="player"></div>
<div id="player1"></div>
<div id="player"></div>
<div id="player1"></div>
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 player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'M7lc1UVf-VE',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
        player1 = new YT.Player('player1', {
            player1Vars: {
                modestbranding: true,
                theme: 'light',
                rel: 0,
                wmode: "opaque",
                autoplay: '0'
            },
            height: 'auto',
            width: 'auto',
            videoId: '4IXAxJ8oPFg',
            events: {
              'onReady': onPlayerReady,
              'onStateChange': onPlayerStateChange
            }
        });
      }


      function onPlayerReady(event) {
        event.target.playVideo();
      }

      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {

        } else {

        }
      }
function stopVideo() {
        player.stopVideo();
      }