关于HTML5中Video标签无法播放mp4的解决办法

原创 2015年06月18日 23:57:03

1、首先先排除掉代码问题、路径问题、浏览器不支持问题等常规问题,这些问题另行百度。

<video  width="500px" height="300px" autoplay="autoplay">
    <source src="D:/video/hbg.mp4" type="video/mp4">
</video>

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

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


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

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

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


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

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


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

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



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


PS:浏览器对HTML5支持测试页面

http://chrome.360.cn/test/html5/index.html

版权声明:本文为博主原创文章,未经博主允许欢迎大量转载,O(∩_∩)O~ https://blog.csdn.net/huangchao064/article/details/46553871

网页MP4播放器代码

1 2 3 4 5 6 7 8 9 link href="http://vjs.zencdn.net/4.12/video-js...
  • u013509247
  • u013509247
  • 2015-08-12 23:31:32
  • 1413

网页中播放mp4文件

最近给企业做了一个网站,为了宣传企业形象,录了很多宣传片。这就涉及到网站视频的播放,在html5时代,实现视频播放很简单,而且也有很多jquery插件可以更简洁的播放视频。 本文记录一下这次开发中使...
  • weifangseo
  • weifangseo
  • 2014-09-06 16:09:30
  • 3065

MP4 FLASH等播放代码

1.我们在网页上看到的播放器无外乎WMP/RealOne/Macromedia Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合...
  • cjw13860421089
  • cjw13860421089
  • 2014-03-26 11:03:38
  • 1248

3GP MP4在线播放代码

  • yangsen251024
  • yangsen251024
  • 2015-02-02 11:25:58
  • 1255

网页播放mp4代码下载

  • 2015年07月18日 23:10
  • 292KB
  • 下载

MP4播放代码

  • 2016年08月01日 08:45
  • 96KB
  • 下载

视频播放器MP4的简单实现

截图: 其实视频播放器的实现与音乐播放器的实现没有太大的区别。主要体现在: 1)main.xml 增加了(用来显示图片按钮)、(用来作为屏幕) 2)MainActivi...
  • caihongshijie6
  • caihongshijie6
  • 2013-09-18 10:18:01
  • 3692

可以播放MP4的代码

  • 2013年01月29日 10:07
  • 7KB
  • 下载

html5网页中用video标签无法播放MP4视频的解决方法

今天一位朋友Q我说:为什么我录制的MP4视频在本地可以播放但是使用html5的video多媒体播放标签不能正常播放只有一个进度条而不显示图像?当时我也很好奇MP4视频可以用video标签播放呀,我就经...
  • houerfei
  • houerfei
  • 2016-11-21 20:45:56
  • 27693

Chrome、firefox浏览器中video标签无法播放MP4视频问题

这段时间做项目,用到了video标签,发现在edge里面正常播放视频,到了chrome、firefox里面无法播放视频。一开始以为是跨域问题,后来才发现是MP4格式编码方式的问题。video标签支持的...
  • u012130706
  • u012130706
  • 2018-03-27 23:54:29
  • 162
收藏助手
不良信息举报
您举报文章:关于HTML5中Video标签无法播放mp4的解决办法
举报原因:
原因补充:

(最多只允许输入30个字)