目录
一、什么是多媒体
- 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容,文字、图片、音乐、音效、录音、电影、动画等等。
- 在因特网上,您会经常发现嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。
- 浏览器支持:不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理,而某些则需要额外的插件。
- 多媒体格式:确定媒体类型的最常用的方法是查看文件扩展名。多媒体元素元素也拥有带有不同扩展名的文件格式,比如 .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 | 如果出现该属性,则视频在就绪后马上播放。 |