HTML5的Video标签有部分MP4无法播放的问题解析(多图)


Posted in HTML / CSS onAugust 18, 2017

现在网页视频的应用极为广泛,在实际项目中发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢?

1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就不能播放。

如下图,我选择MP4格式转换,里面的配置文件也调了很多遍,但是就是播放不了,IE10完全没反应,谷歌倒是能出声音,但是影像出不来。

HTML5的Video标签有部分MP4无法播放的问题解析(多图)

2、我直接在文件右击属性里面看文件属性-详细信息,基本都一样。

3、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,

网上下载的能正常使用video标签播放的视频属性如下图

HTML5的Video标签有部分MP4无法播放的问题解析(多图)

我们可以看到视频编码是AVC

而我自己用格式化工厂转码的视频编码如下

HTML5的Video标签有部分MP4无法播放的问题解析(多图)

发现我自己转码的视频编码是mp4v。

4、在格式化工厂里面找到AVC编码的格式,如下图

HTML5的Video标签有部分MP4无法播放的问题解析(多图)

5、选用AVC格式的编码,重新转码后,使用video标签播放就可以正常播放了。

归根结底,还是视频编码格式的问题,并不是网页程序的问题。

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持!

HTML / CSS 相关文章推荐
表单button的outline在firefox浏览器下的问题
Dec 24 HTML / CSS
css背景图片的背景裁切、背景透明度、背景变换等效果运用
Dec 24 HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
Apr 25 HTML / CSS
纯CSS3打造属于自己的“小黄人”
Mar 14 HTML / CSS
CSS3弹性盒模型flex box快速入门心得(必看篇)
May 24 HTML / CSS
详解HTML5 LocalStorage 本地存储
Dec 23 HTML / CSS
HTML5新增的标签和属性归纳总结
May 02 HTML / CSS
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
Jan 06 HTML / CSS
HTML5实现桌面通知 提示功能
Oct 11 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
Jun 10 HTML / CSS
html+css合并表格边框的示例代码
Mar 31 HTML / CSS
使用HBuilder制作一个简单的HTML5网页
Jul 07 HTML / CSS
HTML5 Canvas 旋转风车绘制
Aug 18 #HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
Aug 18 #HTML / CSS
HTML5 移动页面自适应手机屏幕四类方法总结
Aug 17 #HTML / CSS
HTML5新增属性data-*和js/jquery之间的交互及注意事项
Aug 08 #HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
Aug 03 #HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 #HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
Aug 01 #HTML / CSS
You might like
PHP脚本的10个技巧(8)
2006/10/09 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
详解vuex的简单使用
2018/03/12 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
python协程用法实例分析
2015/06/04 Python
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
Python 读写文件和file对象的方法(推荐)
2016/09/12 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
便捷提取python导入包的属性方法
2018/10/15 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
优秀医生事迹材料
2014/02/12 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
优秀员工推荐信
2014/05/10 职场文书
员工安全生产承诺书
2014/05/22 职场文书
论文诚信承诺书
2014/05/23 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
2015年征兵工作总结
2015/07/23 职场文书
python非标准时间的转换
2021/07/25 Python