Question

html5 video标签的用法

<video width="320" height="240" controls preload="auto">
<source src="超能陆战队HD.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

我使用狸窝全能视频转换器，把超能陆战队电影截取片段，并转格式为MP4，但是使用上面的html5代码实现，出现的问题是：视频大小框架出来了，黑屏，有声音。使用其他视频有的显示，有的不显示。经代码检测，浏览器支持html5.

请问问题如何解决？

Answer 1

HTML 5 <video> 标签

定义和用法

　　<video> 标签定义视频，比如电影片段或其他视频流。

提示和注释

　　提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性

实例

<!-- 一段简单的 HTML5 视频：-->
<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>

Answer 2

mp4的视频格式是不是H.264?音频格式是不是AAC？请将你的视频转成这种格式。
如果不行，再试试ogg和webm。
高级一点，还可以使用ffmpeg。
以PHP为例，执行exec("ffmpeg.exe -i ".$sourceVideo." ".$newVideo, $arr2, $result );就可以将很多格式的视频转换为上面我所说的mp4格式。
$sourceVideo,$newVideo,$arr2,$result这几个是我自己定义的变量，意思分别是源视频，转换后的新视频，随意写的一个没有作用只是作为填充的数组，转换结果。

Answer 3

<video src="xx.mp4" controls="controls"></video>

Answer 4

转换成OGG格式试试。