HTML 5视频标记不适用于任何浏览器

Question

所以我用AnyConverter做一个转换.mov到.mpf,.ogv和.webm格式.然后我将它们放在视频目录中并使用以下代码

 <video width="500" height="281">
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>

但是,该视频未在Sarari,Chrome或Firefox最新版本中显示.我正在使用HTML 5 Doctype而不确定发生了什么.有什么建议？

编辑

奇怪的是,我改变了完整网址的路径,但仍然无法正常工作.然后当我在Firefox中粘贴网址时播放视频.我想知道它是否在视频标签之外...

Answer 1

确保您的路径适用于视频文件.其余的代码很好

在视频标签上添加控件属性如:以下是完整的参考资料http://www.w3schools.com/html/html5_video.asp

<video width="500" height="281" controls>
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>

Answer 2

controls在视频节点上添加属性

例：

<video width="500" height="281" controls>
   ...
   ...
</video>