HTML5新增特性——新的多媒体标签

最新推荐文章于 2022-10-13 17:16:43 发布

倔强的小白菜

最新推荐文章于 2022-10-13 17:16:43 发布

阅读量444

点赞数

分类专栏：前端基础文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_47481102/article/details/125207452

版权

本文介绍了HTML5中新增的多媒体标签，包括<video>和<audio>，用于在网页中直接嵌入音频和视频内容，不再依赖Flash等插件。详细讲解了两种标签的使用语法、支持的格式以及常见属性，并提到了浏览器的兼容性和自动播放策略。

摘要由CSDN通过智能技术生成

新增的多媒体标签主要包含两个：

使用他们可以很方便的在页面中嵌入音频和视频，而不是去使用flash和其他浏览器插件。

HTML5在不适用插件的情况下，也可以原生的支持视频格式文件的播放，当然，支持的格式是有限的。

1.视频

当前<video>元素支持三种视频格式：尽量使用MP4格式

浏览器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES 从Firefox21版本开始 Linux系统从Firefox30开始	YES	YES
Safari	YES	NO	NO
Opera	YES 从Opera25版开始	YES	YES

语法：

<vidoe src="文件地址" controls="controls"></video>

<video controls="controls"width="300">
<source src="move.ogg"type="video/ogg">
<source src="move.mp4"type="video/mp4">
您的浏览器暂不支持<vi

关注

专栏目录