HTML - 媒体（七）
HTML 媒体
HTML 多媒体
- Web 上的多媒体指的是音效、音乐、视频和动画
- 多媒体可以是你听到或看到的任何内容，包括文字、图片、音乐、音效、录音、电影、视频、动画等
HTML 多媒体标签
| 标签 | 描述 |
|---|---|
| <embed> | 定义内嵌对象，不能用在 HTML 4 |
| <object> | 定义内嵌对象 |
| <param> | 定义对象参数 |
| <audio> | 定义声音内容 |
| <video> | 定义一个视频或影片 |
| <source> | 定义了 media 元素的多媒体资源（<video> 和 <audio>） |
| <track> | 规定 media 元素的字幕文件或其他包含文本的文件（<video> 和 <audio>） |
HTML 插件
<object> 元素
- 该标签用于在网页中嵌入对象（Java小程序、PDF阅读器、Flash播放器）
实例：
<object width="400" height="50" data="bookmark.swf"></object>
- <object> 元素同样可用于包含 HTML 文件
实例：
<object width="100%" height=="500px" data="test.html"></object>
- 也可以插入一张图片
实例：
<object data="test.jpeg"></object>
<embed> 元素
- <embed> 元素表示一个 HTML Embed 对象
- <embed> 元素没有关闭标签，不能使用代替文本
实例：
<embed width="100%" height="500px" src="test.html">
<embed src="default.jpeg">
HTML 音频
使用插件
使用 <embed> 元素
<embed width="100" heith="50" src="bird.mp3">
使用 <object> 元素
<object width="100" height="50" data="bird.mp3"></object>
使用 <audio> 元素
- <audio> 标签是 HTML 5 标签，在 HTML 4 中是无效的
- 使用<audio> 标签必须把音频文件转换为不同格式
以下实例使用了不同格式的音频文件，HTML 5 的 <audio> 元素会尝试以mp3或ogg来播放音频，如果失败，代码将尝试<embed>元素
<audio controls hetght="100" width="100">
<source src="bird.mp3" type="audio/mpeg">
<source src="bird.ogg" type="audio/ogg">
<embed height="50" width="50" src="bird.mp3">
</audio>
使用超链接
<a href="bird.mp3">Play the sound</a>
HTML 视频
使用插件
使用 <embed> 元素
<embed width="100" heith="50" src="movie.mp4">
使用 <object> 元素
<object width="100" height="50" data="movie.mp4"></object>
使用 <video> 元素
- <video> 标签定义了一个视频或影片
- <video> 标签在所有现代浏览器中都支持
以下实例使用了不同格式的音频文件，HTML 5 的 <video> 元素会尝试以mp4或ogg和webm来播放音频，如果失败，代码将尝试<embed>元素
<video controls hetght="340" width="200">
<source src="movie.mp4" type="video/mp4">
<source src="bird.ogg" type="video/ogg">
<source hsrc="bird.webm" type="video/webm">
<embed src="movie.swf" width="320" height="240">
</video>
使用超链接
<a href="movie.mp4">Play a video file</a>
