一、音频:audio + source
- audio元素 定义音频
<audio src="someaduio.wav">Audio元素</audio>
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放,必须与muted属性联合使用才有效果 |
controls | controls | 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮) |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放 |
muted | muted | 如果出现该属性,则音频输出为静音 |
preload | auto、metadata、none | 规定当网页加载时,音频是否默认被加载以及如何被加载 |
src | URL | 规定音频文件的 URL。 |
source 标签为媒介元素(比如 video 和 audio)定义媒介资源。 source标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
- 实例:
<!--
type属性:
audio/ogg audio/mpeg audio/mp3
-->
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
二、视频:video + source
- video元素 定义视频
<video src="movie.ogg" controls="controls">Video元素</video>
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放,必须与muted属性联合使用才有效果 |
controls | controls | 如果出现该属性,则向用户显示控件(比如播放/暂停按钮) |
loop | loop | 如果出现该属性,则每当媒介文件完成播放后重新开始播放 |
muted | muted | 如果出现该属性,则音频输出为静音 |
preload | auto、metadata、none | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性 |
src | URL | 规定音频文件的 URL。 |
poster | URL | 规定视频正在下载时显示的图像,直到用户点击播放按钮 |
width | pixels | 设置视频播放器的宽度 |
height | pixels | 设置视频播放器的高度 |
source 标签为媒介元素(比如 video 和 audio)定义媒介资源。 source标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
- 实例:
<!--
type属性:
video/ogg video/mp4 video/webm
-->
<video controls>
<source src="../mv/movie.ogg" type="video/ogg">
<source src="../mv/web.mp4" type="video/mp4">
</video>