html5 video视频标签播放视频实现遇到的坑

问题一，video标签支持视频播放格式有限制；

一共支持三种格式： Ogg、MPEG4、WebM，但是这三种格式对于浏览器的兼容性却各不同。

问题二，三种支持的视频文件格式对浏览器的版本支持有限制；

格式 IE Firefox Opera Chrome Safari

Ogg No 3.5+ 10.5+ 5.0+ No

MPEG4 9.0+ No No 5.0+ 3.0+

WebM No 4.0+ 10.6+ 6.0+ No

问题三，MP4视频文件播放时只有声音没有图像，视频编码格式问题引发，正确编码方式如下；

MPEG4：文件使用H264视频编解码器和AAC音频编解码器

Ogg：文件使用VP8视频编解码器和Vorbis音频编解码器

WebM：文件使用Theora视频编解码器和Vorbis音频编解码器

问题四，不支持video标签的浏览器相关版本采用flash播放器播放不能边下载边播放，要视频下载完成到本地后才开始播放；

FFMpeg转码由此得到的mp4文件中, meta信息是在文件尾部的, 而 videoview 在没有得到meta信息前不会播放文件,

因此只有等到文件完全下载完视频才会播放. 因此可以使用qt-faststart来把meta信息移到文件头部. 用法: /usr/bin/qt-faststart inputfile outputfile

总结：以上信息主要针对MP4格式的视频文件。