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 相关文章推荐
使用CSS3代码绘制可爱的Hello Kitty猫
Aug 03 HTML / CSS
6种非常炫酷的CSS3按钮边框动画特效
Mar 16 HTML / CSS
用CSS3打造HTML5的Logo(实现代码)
Jun 16 HTML / CSS
CSS3 仿微信聊天小气泡实例代码
Apr 05 HTML / CSS
CSS3标注引用的出处和来源的方法
Feb 25 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
Apr 07 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
Nov 14 HTML / CSS
html5的canvas方法使用指南
Dec 15 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
HTML5拖拉上传文件的简单实例
Jan 11 HTML / CSS
HTML5自定义属性的问题分析
Aug 16 HTML / CSS
Canvas波浪花环的示例代码
Aug 21 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创建PDF中文文档
2006/10/09 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
php实现的xml操作类
2016/01/15 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
Bootstrap媒体对象的实现
2016/05/01 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
Layui多选只有最后一个值的解决方法
2019/09/02 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
python word转pdf代码实例
2019/08/16 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
Java里面如何创建一个内部类的实例
2015/01/19 面试题
应届生服务员求职信
2013/10/31 职场文书
会计助理的岗位职责
2013/11/29 职场文书
领导调研接待方案
2014/02/27 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书