导航
用于在网页上嵌入音频内容
<source>
元素可以指定各种音频文件,允许浏览器选择兼容的格式。<audio>
标记之间包含的任何文本仅在无法呈现 <audio>
元素的浏览器上可见。<audio>
<source src="sample.mp3" type="audio/mpeg">
</audio>
属性 | 描述 |
---|---|
controls | 显示音频控件(播放、暂停、音量) |
autoplay | 自动播放 |
muted | 默认静音 |
src | 设置音频文件的 URL |
loop | 循环播放 |
指定多个音频源,这样如果浏览器无法播放第一个源,则会自动跳转到第二个源并尝试播放。
<!DOCTYPE html>
<html>
<body>
<audio controls autoplay>
<source src="test.mp3" type="audio/mp3">
<source src="test.ogg" type="audio/ogg">
<source src="<http://music.163.com/song/media/outer/url?id=447925558.mp3>" type="audio/mp3">
</audio>
</body>
</html>
用于在网页上嵌入视频内容
src
属性指定视频文件的 URL。controls
属性添加默认视频控件(播放、暂停、音量等)。width
和 height
属性设置宽高。<video controls width="300" height="200">
<source src="<http://vjs.zencdn.net/v/oceans.mp4>" type="video/mp4">
</video>
属性 | 描述 |
---|---|
controls | 显示视频控件(播放、暂停、音量) |
autoplay | 自动播放 |
muted | 默认静音 |
src | 设置视频文件的 URL |
loop | 循环播放 |
preload | 用于指定浏览器在页面加载时如何处理视频的下载行为 |
preload 属性有以下三个值(以及一个默认行为):