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

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

转载于:https://www.cnblogs.com/telwanggs/p/6906939.html

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

html5(mp4)无法播放,关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放.然后自己用格式化工厂转换了一个RMVB文件为M ...
html mp4无法播放,关于HTML5中Video标签无法播放mp4的解决办法
1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放.然后自己用格式化工厂转换了一个RMVB文件为M ...
解决html5中video标签无法播放mp4问题的办法
解决html5中video标签无法播放mp4问题的办法参考文章: (1)解决html5中video标签无法播放mp4问题的办法 (2)https://www.cnblogs.com/it-tsz/p ...
解决 html5 中 video 标签无法播放 m3u8
步入正题前段时间写项目时候遇到一个问题,在 H5 页面上无法播放 m3u8 后缀的视频,经过不断的查阅资料发现,通过一段代码可解决,但是!除非浏览器支持,否则请转码. <script src= ...
php video标签使用方法,HTML_HTML5 video标签（播放器）学习笔记（一）:使用入门，近有在学习html5中video标签（播 - phpStudy...
HTML5 video标签(播放器)学习笔记(一):使用入门近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
关于html5的video标签不能播放视频的问题及解决方法
最近实习过程中遇到了音频视频流的格式问题,进行了一些学习和总结. 问题背景使用html5中的 video 标签去播放视频,但是发现有的flv/mp4格式的视频可以播放,有的flv/mp4格式的视频不 ...
HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法发布时间:2020-08-27 11:33:56 来源:亿速云阅读:100 作者:小新这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
html5网页中用video标签无法播放MP4视频的解决方法
为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于标签的知识吧: 在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html ...

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

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

最新文章

热门文章