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

博客内容讲述了作者遇到使用HTML5 video标签播放视频时遇到的问题,即通过格式化工厂转换的MP4文件无法在IE10和Chrome上正常播放。经过排查,发现转换后的视频编码为mp4v,不同于正常播放的AVC编码。通过在格式化工厂中选择AVC编码进行转码后,问题得到解决,video标签能够正常播放视频。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

34a0c17135bff1978367117c3707cf20.png

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

4、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,网上下载的能正常使用video标签播放的视频属性如下图

4fe4d1761f4e5fb1887f30e2c96abd31.png

我们可以看到视频编码是AVC, 而我自己用格式化工厂转码的视频编码如下发现我自己转码的视频编码是mp4v。

00c2b6eb1a796dc8959d155fd4265c2c.png

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

1e846be33dc87e87110c59dc1f4e56f9.png

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

我自己测试的最终设置效果,大家可以按这个要求试试,如果不行,再自己继续测试可以为止

7d45aa8d89ed6c7c950b6d2fe09fd5ae.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值