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

因此，我使用了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的最新版本中并没有显示该视频。 我使用的是HTML5doctype，不确定发生了什么。有什么建议吗

编辑

---

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

请确保视频文件的路径正确。代码的其余部分很好

在视频标签上添加控件属性，如： 这是完整的参考资料

---

添加

控制视频节点上的属性

例子：

...
...
您在编辑中指出的内容似乎指向了mime类型问题。在本文中，我总结了HTML5视频播放的一些常见故障排除步骤

有三件事需要检查：


确保您的视频文件已正确编码以用于web交付
确保托管视频的服务器已正确配置为web传送
确保页面上的其他脚本不会干扰视频播放

让我们知道它是否有效。
首先，您必须检查视频名称中的单词或单词之间是否有空格
不是。如果是这样，请将其删除，因为空间不允许播放该视频。


它仍将作为音频呈现，因为mp4仍不完全受支持。
要解决此问题，请将当前支持的格式放在顶部。
这样地：
它在任何浏览器中都能播放吗？检查
MIME类型的服务器配置，如下所述：我也有这个问题。整理好了。我使用的是AngularJS。我在video src属性中有src={{selectedVideo.url}}。url来自一个API调用。虽然我检查元素时正确的url在元素中，但它仍然没有播放。原来我需要在新的src更新后加载视频播放器。比如：video_player_id.load（）；希望这能有所帮助。这是一个很好的观点，这表明需要使用controls属性才能使其工作，这听起来毫无意义，因为它是可选的<代码>控制：如果此属性存在，浏览器将提供允许用户控制视频播放的控制，包括音量、搜索和暂停/恢复播放
，这是因为当我添加“控制”属性时，它仍然不起作用。当我在
video
元素上使用src属性时，当我在
video
元素中使用
source
元素时，它工作不起作用。
<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>

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