无法使用PrettyPhoto加载本地视频

Question

我正在尝试加载保存在项目中视频文件夹中的视频。在我的aspx文件中，我编写了以下代码：

<div class="boxcontainer">
    <span class="gallery">
        <a data-gal="prettyPhoto[gallery1]" href="videos/doc.mov"><img src="http://placehold.it/275x180"  alt=""></a>
    </span>
</div>

javascript部分：

<script src="js/jquery.prettyPhoto.js"></script>
<!-- CALL lightbox prettyphoto -->
<script type="text/javascript">
    $(document).ready(function () {
        $("a[data-gal^='prettyPhoto']").prettyPhoto({ social_tools: '', animation_speed: 'normal', theme: 'dark_rounded' });
    });
</script> 

当我运行项目并单击图像时，我在firefox中得到一个空白窗口，如下图所示：

在Chrome中，我得到以下信息：

阻止视频加载的问题是什么？