Question

当使用带有叠加层的fancybox时，我似乎遇到了jQuery工作的问题？

在mg.hejmej.com/index.html（左起第二个方框）

查看

Answer 1

由于您是通过embed模式

定位YouTube视频

http://www.youtube.com/embed/HGVTaIlzocM

然后你需要使用'type':'iframe'：

的正确的fancybox脚本

$("a.fancybox-vidz").fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'         : 680,
            'height'        : 495,
            'type'          : 'iframe',
});

您可以优化自动播放的链接，并将其置于fancybox关闭按钮后面，如

<a href="http://www.youtube.com/embed/HGVTaIlzocM?autoplay=1&amp;wmode=opaque" title="Have a blast at Max's Golf Centre!" class="fancybox-vidz"><img alt="Photo" src="images/h3.jpg" class="fade" style="opacity: 1;"></a>

Fancybox minimum不适用于视频吗？

1 个答案: