当前位置：网站首页 > 技术文章 > 正文

HTML5支持的视频文件格式和音频文件格式有哪些?

zhezhongyun 2025-01-10 18:35 35 浏览

在 HTML5 标准中, 我们有了新的 <audio> 和 <video> 标签, 分别可以引入视频和音频文件的标签，那么这些标签又可以支持哪些文件格式呢 ?

格式支持

视频文件格式

如何处理兼容

只要使用 video 标签的 src 属性引入对应的文件地址即可

当我不确定当前浏览器支持哪一个格式的文件的时候，可以使用兼容模式。不在 video 标签上添加 src 属性，而是直接在 video 标签对内书写 source 标签来引入多种格式的文件。

您的浏览器不支持播放当前视频, 请更换浏览器再试

优先尝试第一个 source 标签的文件引入, 如果浏览器支持, 那么后续不在引入，如果浏览器不支持, 那么开始尝试第二个 source 标签的文件，以此类推, 如果所有 source 标签的内容都不支持，那么就显示最后的那一行文本。这样我们的兼容问题就解决了，audio 标签也是同样一个道理。

视频兼容性

音频兼容性

小伙伴们如果想要学习和提升互联网IT相关的技术，不妨可以评论留言告诉我们。有由我们非常优秀的300位讲师结合企业需求参与研发，开发3000G的课程资源，涵盖18个IT行业，包括前端、Java、Python、云计算、软件测试、大数据、游戏开发、网络安全、视频剪辑等教程都可以免费学。