video 视频
video标签可用于播放视频，但是他的效果并不是很好，所以推荐使用一些第三方插件，如：
- 阿里云播放器
- video.js
以下是viedo标签的常用属性，它是一个块级标签：
| 属性 | 描述 |
|---|---|
| autoplay | 视频自动播放，即视频加载完后会立即播放而不是等待用户进行手动点击 |
| preload | 视频预加载，设置为auto即可，它会根据网络情况自动加载视频 |
| controls | 视频播放按键，该属性是必须的 |
| height | 视频窗口高度 |
| width | 视频窗口宽度 |
| loop | 视频循环播放 |
| muted | 视频播放时静音 |
| poster | 视频未播放时显示的图像 |
| src | 视频地址 |
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<video src="./demo.mp4" controls height="500"></video>
</center>
</body>
</html>
渲染结果：
audio 音频
audio标签主要用于音频播放，它和video标签基本类似。
以下是audio标签的常用属性，它是一个块级标签：
| 属性 | 描述 |
|---|---|
| autoplay | 音频自动播放，即音频加载完后会立即播放而不是等待用户进行手动点击 |
| preload | 音频预加载，设置为auto即可，它会根据网络情况自动加载视频 |
| controls | 音频播放按键，该属性是必须的 |
| loop | 音频循环播放 |
| muted | 音频播放时静音 |
| src | 音频地址 |
具体效果这里不再演示。
source 媒介元素
有些浏览器不支持多媒体格式，我们可以在video标签或者audio标签中嵌套进source标签，让浏览器支持该种格式的媒体：
<audio controls autoplay loop preload="auto">
<source src="./demo.ogg" type="audio/ogg">
<source src="./demo.mp3" type="audio/mp3">
</audio>
使用时注意source标签的src和type属性即可。
341
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
