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>

Answer 3

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

有三件事要检查：

确保您的视频文件已正确编码以进行网络投放
确保托管视频的服务器已正确配置以进行网络投放
确保页面上的其他脚本不会干扰视频播放

告诉我们是否有效。

Answer 4

首先，您必须检查视频名称中的字词之间是否有空格 not.if so，然后删除它，因为空间不允许你播放该视频。

Answer 5

 <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>

it will still render as audio because mp4 is still not fully supported.
To solve this problem, place the currently supported format at the top.
like this:

<video width="900" height="600" controls>
     <source src="/video/video.webm" type="video/webm"> 
     <source src="/video/video.ogg" type="video/ogg">
     <source src="/video/video.mp4" type="video/mp4">
</video>

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

5 个答案:

实施例