Question

嗨，我已经打了好几个小时，但仍然无法正常工作。

<script type="text/javascript">
                        $(document).ready(function() {
                            $(".fancybox").fancybox();
                        });
                    </script>

<a class="fancybox-iframe" href="http://www.youtube.com/embed/bo7evVLoRzQ" data-fancybox-type="iframe"><img src="img/videoplacement.jpg" width="400px" height="315px" class="aligncenter"></a>

这不起作用。它只是在Youtube和全屏幕上打开视频。谢谢，布赖恩

Answer 1

将the fancybox课程添加到<a>

<a class="fancybox fancybox-iframe" href="http://www.youtube.com/embed/bo7evVLoRzQ" data-fancybox-type="iframe"><img src="img/videoplacement.jpg" width="400px" height="315px" class="aligncenter"></a>

或更改jquery

$(".fancybox-iframe").fancybox();

Answer 2

您根本没有引用正确的fancybox-iframe类：

更改此行：

$(".fancybox").fancybox();

为：

$(".fancybox-iframe").fancybox();

DEMO

P.S。

您可能想要添加

?autoplay=true  (http://www.youtube.com/embed/bo7evVLoRzQ?autoplay=true)

到你的YouTube网址，然后你的视频将直接启动

Fancybox JQuery无法正常工作

2 个答案: