Fancybox媒体如何申请？

Question

我有一个视频link喜欢这个目录

uploads/Sample.mp4

我在代码

下方添加了一个 a 标签

<a class="fancybox-media" href="uploads/Sample.mp4">Click on me</a>

我试过下面script

<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});
</script>

点击 link 后它不会弹出，它会指向视频 link 和运行视频。如何在此处应用 fancybox 媒体？

我正在使用 v2.1.5.

注意：这里fancybox，javascript都可以link，我已经通过apply on image检查过了

应用 ifram 后，输出如下图所示。

Answer 1

我认为您需要指定视频应包裹在 iframe 上。

尝试将 type: 'iframe', 添加到您的选项中。像这样：

<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox-media').fancybox({
        type: 'iframe',
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
});
</script>

Answer 2

我已经通过下面的脚本完成了

<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox-media').fancybox({
        type: 'iframe',
        minWidth    : 500,
        minHeight   : 500,
        fitToView   : false,
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {

            }
        }
    });
});
</script>

Fancybox媒体如何申请？

Fancybox media how to apply?

javascript

jquery

fancybox