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

Question

So I used AnyConverter do convert a .mov to .mpf , .ogv and .webm formats.然后我将它们放在视频目录中并使用以下代码

 <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，但不确定发生了什么。有什么建议么？

编辑

奇怪，我将路径更改为完整的 url，但它仍然不起作用。然后当我在 Firefox 中粘贴 url 时，视频播放了。我想知道它是否在视频标签之外……

原文由 Naterade 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Neha Shah 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在视频节点上添加 controls 属性

例子：

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

原文由 Siva Charan 发布，翻译遵循 CC BY-SA 3.0 许可协议