Fancybox（视频）不会在桌面上弹出，但会在移动设备上播放

Question

我已按照 fancybox 说明进行操作。它似乎只想直接下载视频而不是在桌面上播放。正如您所期望的那样，在移动设备上播放效果很好。

桌面是否缺少某些代码？

链接：

HTML:

<div class="container">
<div class="row">
    <div class="col-md-4">
        <a class="fancybox-media" rel="group" href="vids/shutta_video_portfolio.mov"><img class="thumbnail vidsthumb" src="img/shutta_website_image.png" alt="Shutta Photography portfolio image" /></a>
    </div>
    <div class="col-md-4">
        <div></div>
    </div>
    <div class="col-md-4">
        <div></div>
    </div>

JS:

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

});

Answer 1

我解决了这个问题。

位于尴尬位置的脚本文件，位于其他 link 脚本之上，似乎已经解决了这个问题。

Fancybox（视频）不会在桌面上弹出，但会在移动设备上播放

Fancybox (Video) doesnt pop up on desktop but plays on mobile

html

javascript

video

fancybox