Question

这是一个很好的...

使用JQModal的网站，除了iframe位于模态之上外，一切正常。

简单的解决方法是在youtube链接的末尾添加？wmode = opaque但是在模型关闭时会破坏启动视频的javascript。

想法？

以下是相关代码：

HTML：

  <div>
     <iframe id='youTube_video' width="1060" height="597" src="//www.youtube.com/embed/io78hmjAWHw" frameborder="0" allowfullscreen></iframe>
  </div>

使用Javascript：

jQuery(function($){
$('#my-modal').jqm({
    overlayClass: 'jqm-overlay',
    closeClass: 'jqm-close',
    onHide: function(hash){
        $('#youTube_video').attr('src', $('#youTube_video').attr('src')+ '?autoplay=1');
        hash.w.fadeOut('2000', function() {hash.o.remove();});
    }

})
$('#my-modal').jqmShow()
});

正如您所看到的，当用户点击页面时，模式会关闭，视频会启动。没有？wmode = opaque，iframe就在前面。如果我在html URL中添加？wmode = opaque，它会破坏视频启动脚本。

想法？

Answer 1

这样做有什么不对？

$('#youTube_video').attr('src', $('#youTube_video').attr('src')+ '?autoplay=1&wmode=opaque');

JQModal显示iframe并使用？wmode = opaque

1 个答案: