Video 标签无法播放 mp4 的原因和解决办法

您所在的位置:网站首页 为什么mp4文件播放不了 Video 标签无法播放 mp4 的原因和解决办法

Video 标签无法播放 mp4 的原因和解决办法

2024-06-19 01:39| 来源: 网络整理| 查看: 265

问题

用 QQ 的截图录屏功能录制的 mp4 视频,无法用 标签正常播放。

原因

通过搜索的说法是:

查阅文档(不知道是啥文档),关于video标签所支持的视频格式和编码:

MPEG4 = 带有H.264视频编码和AAC音频编码的MPEG4文件WebM = 带有VP8视频编码和Vorbis音频编码的 WebM文件Ogg = 带有Theora视频编码和Vorbis音频编码的Ogg文件 确认编码格式

于是我首先确定我的 mp4 文件的编码格式,方式有两种:

方式一:PotPlayer 播放器

推荐原因:中文显示,比较直观。

将视频用 PotPlayer 播放器播放,在播放窗口右键-属性可以查看播放信息:

在这里插入图片描述 上图是我用 QQ 截图录制的 mp4 文件,可以看到编码格式是 mp4v(mpeg4),并不是 H.264。

下图是可以使用 标签正常播放的 mp4 文件的播放信息,可以看到编码格式是AVC1(h264)。 在这里插入图片描述 也可以在播放列表中右键属性查看文件信息:

无法播放的文件: 在这里插入图片描述 可以播放的文件: 在这里插入图片描述

AVC 和 H264 虽然说的不完全是一个东西,但一般 AVC 表示的就是 H264 编码。

方式二:格式工厂

推荐原因:查看编码和转格式两不误。

格式工厂 中随便打开一个转换格式的面板,例如:

在这里插入图片描述

添加视频文件,点击多媒体文件信息按钮,查看文件信息:

在这里插入图片描述 在这里插入图片描述

下图是可以正常播放的视频文件的信息:

在这里插入图片描述 是不是和 PotPlayer 播放列表中查看属性显示的一样?

转换编码

可以通过格式工厂转换视频的编码格式,在转换格式的面板点击输出配置:

在这里插入图片描述

将视频编码设置为 AVC(H264),其他参数根据需要配置即可: 在这里插入图片描述 之后一路确定,开始任务生成的视频就可以用 标签播放了。

查看浏览器对 H5 的支持

http://chrome.360.cn/test/html5/index.html 这个地址可以查看使用的浏览器对 HTML5 功能的支持。

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3