【实用随记】用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 (*^__^*) 



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值