Question

我有照片拉起来，当我点击它时，它应该拉起一个灯箱，但它没有在框架中播放。它只是白色的。

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

        $(".fancyYoutube").fancybox({
             'transitionIn' : 'elastic',
            'padding' : 0,
            'autoScale' : false,
           'transitionOut' : 'fade',
           'width' : 680,
           'height' : 495,
           'type' : 'swf'
       });

        if(location.hash) {
            $(location.hash).click();
        }

    });


</script>

<a class="fancyYoutube" rel="group" href="http://www.youtube.com/watch?v=29tFKSylaGE"><img src="images/Bronco copy.jpg" alt="" /></a>

Answer 1

如果你使用的是fancybox v2.x，你可以使用media helper这样的html（根据你的评论）：

<a class="fancybox" href="http://youtube.com/watch?v=opj24KnzrWo">Youtube</a>
<a class="fancybox" href="http://vimeo.com/36031564">Vimeo</a>

注意：您不会在;标记的末尾添加分号<a>（它不是javascript）

然后你可以使用这段代码：

jQuery(document).ready(function ($) {
    $('.fancybox').fancybox({
        openEffect: 'none',
        closeEffect: 'none',
        helpers: {
            media: {}
        }
    });
});

参见 JSFIDDLE

Fancybox为视频拉起灯箱效果，但没有播放

1 个答案: