视频 

## 视频

- 应用

```html
<video width="672" height="378" controls poster="img/poster.png">
		<source src="media/HTML5的前世今生.mp4" type="video/mp4"></source>
		当前浏览器不支持video直接播放
</video>
```

- 属性

| 属性     | 值                 | 描述     |
| -------- | ------------------ | -------- |
| width    | pixels             | 宽度     |
| height   | pixels             | 高度     |
| controls | controls           | 视频控件 |
| autoplay | autoplay           | 自动播放 |
| loop     | loop               | 循环播放 |
| muted    | muted              | 静音     |
| poster   | URL                | 图像占位 |
| src      | URL                | 视频源   |
| preload  | auto metadata none | 预加载   |

| 属性 | 值        | 描述     |
| ---- | --------- | -------- |
| src  | URL       | 视频源   |
| type | MIME_type | MIME类型 |

 

二 代码示范

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频</title>
</head>
<body>
<video width="672" height="378" controls poster="img/poster.png">
<source src="media/HTML5的前世今生.mp4" type="video/mp4"></source>
当前浏览器不支持video直接播放
</video>
</body>
</html>

posted @ 2018-09-28 15:07  不沉之月  阅读(136)  评论(0)  编辑  收藏  举报