HTML5的Video标签有部分MP4无法播放的问题解析(多图)
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
现在网页视频的应用极为广泛,在实际项目中发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢?
1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就不能播放。
如下图,我选择MP4格式转换,里面的配置文件也调了很多遍,但是就是播放不了,IE10完全没反应,谷歌倒是能出声音,但是影像出不来。
2、我直接在文件右击属性里面看文件属性-详细信息,基本都一样。
3、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,
网上下载的能正常使用video标签播放的视频属性如下图
我们可以看到视频编码是AVC
而我自己用格式化工厂转码的视频编码如下
发现我自己转码的视频编码是mp4v。
4、在格式化工厂里面找到AVC编码的格式,如下图
5、选用AVC格式的编码,重新转码后,使用video标签播放就可以正常播放了。
归根结底,还是视频编码格式的问题,并不是网页程序的问题。
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对程序员之家的支持!
相关文章
- 这篇文章主要介绍了使用HTML5在网页中嵌入音频和视频播放的基本方法,2016-02-22
HTML5 视频播放(video),JavaScript控制视频的实例代码
这篇文章主要介绍了HTML5 视频播放(video),JavaScript控制视频的实例代码,需要的朋友参考下吧2018-10-08html5 移动端视频video的android兼容(去除播放控件、全屏)
这篇文章主要介绍了html5 移动端视频video的android兼容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起2020-03-26- 这篇文章主要介绍了html5 video全屏播放/自动播放的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来2020-08-06
- 这篇文章主要介绍了HTML5 video循环播放多个视频的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来2020-08-06
- 在html5页面中嵌入视频的时候页面中只显示声音却不显示图像,本文主要介绍了HTML5 video播放有声音无图像的解决方法,具有一定的参考价值,感兴趣的可以了解一下2024-02-21
最新评论