HTML5中的video标签（无法显示画面）

一、HTML5中的<video></video>支持的浏览器及视频格式

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

目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

注意：IE8及以前的版本 不支持<video>标签

重点来了，有时候我们使用的是MP4格式的视频，但是没有视频画面。

那是因为MP4也有很多编码格式，标签支持的格式如下：

• MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
• WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
• Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

如果MP4格式的视频没有画面，用网上的格式工厂转为avc(h264)，就可以了。MP4视频有很多编码格式比如：mpg4(xdiv),,mpg4(xvid)，avc(h264)等。