html5-video视频标签播放视频实现过程中遇到的一系列问题。
2017-05-19 17:36
936 查看
问题一,video标签支持视频播放格式有限制;
一共支持三种格式: Ogg、MPEG4、WebM,但是这三种格式对于浏览器的兼容性却各不同。
问题二,三种支持的视频文件格式对浏览器的版本支持有限制;
问题三,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格式的视频文件。
一共支持三种格式: Ogg、MPEG4、WebM,但是这三种格式对于浏览器的兼容性却各不同。
问题二,三种支持的视频文件格式对浏览器的版本支持有限制;
问题三,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格式的视频文件。
相关文章推荐
- web项目引用html5 video标签实现视频播放的坑
- H5 video 标签播放视频遇到的问题
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- HTML5 audio与video标签实现视频播放,音频播放
- Html5 video 标签中视频有声音没画面问题解决过程
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- 【转】Android HTML5 Video视频标签自动播放与自动全屏问题解决
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5-video标签-实现点击预览图播放或暂停视频
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,
- html5的video标签插入mp4视频放在iis服务器访问无法播放解决方案
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- Webkit中HTML5 Video的实现分析 (四) - 视频加载及播放的时序图
- 【实例】HTML5中video播放视频实现特效
- html5 video标签不能播放mp4的问题
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- OpenCV Trackbar 实现播放视频代码遇到的问题 cvQueryFrame cvCreateFileCapture cvCreateTrackbar cvSetTrackbarPos