关于html5的video标签不能播放视频的问题及解决方法 |
您所在的位置:网站首页 › 为什么播放不了mp4格式的视频了 › 关于html5的video标签不能播放视频的问题及解决方法 |
最近实习过程中遇到了音频视频流的格式问题,进行了一些学习和总结。 问题背景使用html5中的 video 标签去播放视频,但是发现有的flv/mp4格式的视频可以播放,有的flv/mp4格式的视频不能播放。而且视频不能播放,但音频可以播放(也就是音频编码格式是video可以解析的)。 关于video标签的使用示例如下: video标签支持什么样的视频格式?html5中的 video 标签只支持MPEG4,Ogg,WebM 三种视频格式,浏览器支持情况如下: Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 = 带有 H.264 视频编码 + AAC 音频编码 WebM = 带有 VP8 视频编码 + Vorbis 音频编码 在项目中,遇到的视频其实是视频流解析不成功,说明视频流的编码不符合要求。那么我们看看H.264视频编码到底是什么,在了解它之前,我们需要先了解一下MPEG-4这个协议簇 MPEG-4协议簇MPEG-4是个协议簇,包含了多个协议。 The biggest difference you will typically see is file size. (两者的区别主要在于文件大小) H.264 will typically be able to compress video at a much lower bitrate than the standard MPEG-4 codec. (H264协议能够比mp4v压缩得更小) You should be able to get comparable quality video with much smaller file sizes. (你得到的视频,视频流的部分将会被显著的压缩,质量更小) 意思是说,与mp4v相比,AVC具备更高的压缩效率,更适合传输,尤其对于我们网页来说,在后端管理视频的时候做好转码处理还是有帮助的。 可以来破案了先看一个可以播放的视频,可以看到音频流是mp4a,视频流是H264,video标签是支持的。 现在找到问题的原因了,不能被播放的视频,视频的编码格式不是 h264。 利用格式工厂对视频,用h264视频编码格式重新编码,得到的视频就可以使用了。 [1] html5 video标签不能播放mp4的问题 [2] html5网页中用video标签无法播放MP4视频的解决方法 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |