【实用随记】用iframe嵌套youtube遮盖popup弹窗

※Chrome和FF中未发现

翻看文档发现可以在js中添加如下代码使得embed中有wmode="transparent"的属性

var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'M7lc1UVf-VE',
          wmode: 'transparent',
          playerVars: { 'autoplay': 1, 'rel': 0, 'wmode':'transparent' },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

但是因为这样很麻烦，我们普遍都是用ifame直接嵌套youtube视频

google了一下发现这样一篇文档http://monkeyraptor.johanpaul.net/2013/04/fixing-embedded-youtube-video-iframe.html

总结一下就是：

视情况在iframe的url中加上?wmode=transparent 或者 &wmode=transparent  

Done (*^__^*)