解决HTML5的Video标签,有部分MP4无法播放的问题
2017-07-25 10:31
926 查看
现在网页视频的应用极为广泛,在实际项目中,北京网站制作公司云点互联发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢?
1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就不能播放。
如下图,我选择MP4格式转换,里面的配置文件也调了很多遍,但是就是播放不了,IE10完全没反应,谷歌倒是能出声音,但是影像出不来。
2、我直接在文件右击属性里面看文件属性-详细信息,基本都一样。
3、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,
网上下载的能正常使用video标签播放的视频属性如下图
我们可以看到视频编码是AVC
而我自己用格式化工厂转码的视频编码如下
发现我自己转码的视频编码是mp4v。
4、在格式化工厂里面找到AVC编码的格式,如下图
5、选用AVC格式的编码,重新转码后,使用video标签播放就可以正常播放了。
归根结底,还是视频编码格式的问题,并不是网页程序的问题。
1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就不能播放。
如下图,我选择MP4格式转换,里面的配置文件也调了很多遍,但是就是播放不了,IE10完全没反应,谷歌倒是能出声音,但是影像出不来。
2、我直接在文件右击属性里面看文件属性-详细信息,基本都一样。
3、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,
网上下载的能正常使用video标签播放的视频属性如下图
我们可以看到视频编码是AVC
而我自己用格式化工厂转码的视频编码如下
发现我自己转码的视频编码是mp4v。
4、在格式化工厂里面找到AVC编码的格式,如下图
5、选用AVC格式的编码,重新转码后,使用video标签播放就可以正常播放了。
归根结底,还是视频编码格式的问题,并不是网页程序的问题。
相关文章推荐
- 关于HTML5中Video标签无法播放mp4的解决办法
- 关于HTML5中Video标签无法播放mp4的解决办法
- ios video标签部分mp4文件无法播放的问题
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- HTML5添加 video 视频标签后仍然无法播放的解决方法
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- HTML5添加video视频标签后仍然无法播放的解决方法
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- html5的video标签插入mp4视频放在iis服务器访问无法播放解决方案
- HTML5 video标签有声音有播放但看不到图像的问题解决
- Chrome、firefox浏览器中video标签无法播放MP4视频问题
- video标签在安卓webview下无法自动播放问题的解决方法
- 解决video标签在安卓webview下无法自动播放问题
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- html5网页中用video标签无法播放MP4视频的解决方法
- HTML5 Video标签播放MP4失败的问题
- html5 video标签不能播放mp4的问题
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- html5 video标签不能播放mp4的问题