本文介绍了HTML5中多媒体标签的使用，包括视频和音频标签的文件格式、用法，以及如何使用<video>和<audio>标签在网页中嵌入多媒体元素。同时讲解了滚动标签<marquee>的应用，用于实现文字和图片的滚动效果。
目录
一、什么是多媒体
- 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。
- 在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。
- 浏览器支持：不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理，而某些则需要额外的插件。
- 多媒体格式：确定媒体类型的最常用的方法是查看文件扩展名。多媒体元素元素也拥有带有不同扩展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4。
二、视频标签
1、视频文件的格式
| 格式 | 文件 |
|---|---|
| Mpeg-4 | .mp4 |
| webM | VP8 影片轨和 Ogg Vorbis 音轨 |
| ogg | .ogg |
| MPEG |
|
2、视频标签的用法
（1）、<video> 标签
说明：<video> 是 HTML 5 中的新标签。
<video> 标签的作用是在 HTML 面中嵌入视频元素。
举例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频标签的使用</title>
</head>
<body>
<video muted src="../images/pian.mp4" controls="controls" autoplay loop="loop"></video>
<br><br>
<video controls muted autoplay width="500" height="300" poster="../images/1.gif">
<source src="../images/pian.mp4">
</video>
<br><br>
<Video src="../images/mailang.webm" controls="controls" ></Video>
</body>
</html>
vedio中的属性：
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
