Javascript Fancybox媒体如何应用？

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

uploads/Sample.mp4

我添加了一个

a

标签，如下代码所示

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

点击链接后，它不会弹出，它将引导视频链接并运行视频。如何在此处应用fancybox媒体

我正在使用

v2.1.5。

注意：这里是fancybox，javascript所有链接都可以，我已经在图片上应用了检查

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

---

我认为您需要指定视频应包装在

iframe

上

尝试将

类型：'iframe'，

添加到选项中。像这样：

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

$（文档）.ready（函数（）{
$（'.fancybox媒体'）。fancybox({
键入：“iframe”，
openEffect:'无'，
closeEffect:'无'，
助手：{
媒体：{}
}
});
});

我已经用下面的脚本完成了

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

$（文档）.ready（函数（）{
$（'.fancybox媒体'）。fancybox({
键入：“iframe”，
最小宽度：500，
身高：500，
菲托维：错，
openEffect:'无'，
closeEffect:'无'，
助手：{
媒体：{
}
}
});
});

我以前试过，它可以工作，但图像大小非常小。我正在用I-frame输出编辑我的问题。

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