导航


HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

针对性攻坚(TODO)


Audio

用于在网页上嵌入音频内容

语法

<audio>
      <source src="sample.mp3" type="audio/mpeg">
</audio>

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>

Video

用于在网页上嵌入视频内容

语法

<video controls width="300" height="200">
    <source src="<http://vjs.zencdn.net/v/oceans.mp4>" type="video/mp4">
</video>

video 属性

属性 描述
controls 显示视频控件(播放、暂停、音量)
autoplay 自动播放
muted 默认静音
src 设置视频文件的 URL
loop 循环播放
preload 用于指定浏览器在页面加载时如何处理视频的下载行为

格式支持

preload 下载行为

preload 属性有以下三个值(以及一个默认行为):