Fancybox媒体如何申请？

Question

我有像这个目录的视频链接

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>

点击链接后，它不会弹出，它将指示视频链接并运行视频。我如何在这里应用fancybox媒体？

我正在使用v2.1.5.

注意：这里有fancybox，javascript所有链接都可以，我已通过申请查看图片。

应用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>