YouTube视频代码总结

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',
     '640',
    videoId: 'M7lc1UVf-VE',
    playerVars: {
      hl: 'ja_JP',
      loop:0,
      vq:'large',//有时拖拽时, 总是在加载, 但不能播放(IE)
      rel: 0,
      '*origin': '',
      wmode:'transparent'
    },
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

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

//有时点击重新播放, 视频无反应, 处理(IE)
function onPlayerStateChange(event) {
  if (event.data===YT.PlayerState.ENDED) {
    event.target.cueVideoById(event.target.getVideoData().video_id);
  }
}

//如果是弹出层显示的YouTube视频, 在关闭时的处理
if(player.pauseVideo){
  player.pauseVideo();//html5
} else{
  player._stop = true;//flash(IE9等)
}