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

2022-06-30 15:51:23 浏览数 (1)

问题一,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格式的视频文件。

0 人点赞