HTML视频代码无效

Question

我正在尝试添加视频标签，以便像我这样的视频播放视频播放器

如上所示，视频显示精细有时，但大多数时候它显示出奇怪且无法正常运行，如下所示

无论我是否点击播放，它都无效。

这是我的代码

<div class="detailRight">
        <video id="video1" width="515" height="300" preload controls>
            <source src="../files/MyVid1080.mp4" type="video/mp4">
        </video>
</div>

我不确定为什么它有时会起作用，有时则不然。我如何克服这个错误？

---

EDIT1

上面是在Chrome中，在Safari中它工作正常，在Firefox中它给了我

Answer 1

为了支持我建议使用.ogv .webm和.mp4格式的所有浏览器，这应该可以解决您的问题，他们是几个可以免费转换视频的在线网站