Question

我在网站上设置了一个PHP视频浏览器（查看视频窗格），当点击视频缩略图时，应弹出一个视频并使用FancyBox脚本播放，但视频不会加载。这是为什么？

Answer 1

您正在使用fancybox v2.x以及fancybox v1.3.x的选项（它们彼此不兼容。）

你最好的办法就是摆脱这个剧本：

<script type="text/javascript">
    $(".videobox").click(function () {
        $.fancybox({
            'padding': 0,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'title': this.title,
            'width': 680,
            'height': 495,
            'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type': 'swf',
            'swf': {
                'wmode': 'transparent',
                'allowfullscreen': 'true'
            }
        });
        return false;
    });
</script>

然后尝试这个：

<script type="text/javascript">
    $(document).ready(function () {
        $(".videobox").fancybox({
            width: 680,
            height: 495,
            type: "iframe"
        }); // fancybox
    }); // ready
</script>

请注意我们正在使用type : "iframe"，因为您使用的是youtube embed模式

SIDE NOTE ：当您实际需要单个实例（理想情况下是最新版本）时，您正在加载两个版本的jQuery（1.7.1和1.7.2）以避免意外错误。

YouTube Fancybox未加载视频

1 个答案: