HTML5之前，在网页中完成音频和视频的播放功用须要借助第三方插件，如Adobe Flash来完成。而在HTML5中，供应了audio和video元素，运用起来越发轻易。
Audio
Audio元素
要领一：
<audio src="music.mp3" controls>music audio</audio>
要领二：
<audio controls>
<source src="music.mp3" type="audio/mpeg">music audio
</audio> 建立Audio对象
要领一：
var audio = new Audio();
要领二：
var audio = document.createElement('audio');接见Audio对象
<audio id="music-audio" src="music.mp3"></audio>
var audio = document.getElementById('music-audio');| 属性 | 形貌 |
|---|---|
| duration | 音频的长度（以秒计） |
| ended | 音频的播放是不是已完毕 |
| error | 示意音频毛病状况的 MediaError 对象 |
| loop | 设置或返回音频是不是应在完毕时再次播放 |
| paused | 设置或返回音频是不是停息 |
| played | 返回示意音频已播放部份的 TimeRanges 对象 |
| preload | 设置或返回音频的 preload 属性的值 |
| volume | 设置或返回音频的音量 |
| muted | 设置或返回是不是封闭声响 |
| 要领 | 形貌 |
|---|---|
| play() | 最先播放音频 |
| pause() | 停息当前播放的音频 |
音频支撑范例：.acc, .mp3, .ogg, .wav, .webm
preload 预加载
● auto - 当页面加载后载入全部音频
● metadata - 当页面加载后只载入元数据
● none - 当页面加载后不载入音频Video
Video元素
要领一：
<video src="movie.mp4" controls>movie video</video>
要领二：
<video controls>
<source src="movie.mp4" type="video/mp4">movie video
</video> 建立Video对象
var video = document.createElement('video');接见Video对象
<video id="movie-video" src="movie.mp4"></video>
var video = document.getElementById('movie-video');| 属性 | 形貌 |
|---|---|
| width | 设置视频播放器的宽度 |
| height | 设置视频播放器的高度 |
| duration | 视频的长度（以秒计） |
| ended | 视频的播放是不是已完毕 |
| error | 示意视频毛病状况的 MediaError 对象 |
| loop | 设置或返回视频是不是应在完毕时再次播放 |
| paused | 设置或返回视频是不是停息 |
| played | 返回示意视频已播放部份的 TimeRanges 对象 |
| preload | 设置或返回视频的 preload 属性的值 |
| muted | 设置或返回是不是封闭声响 |
| poster | 划定视频下载时显现的图象，或许在用户点击播放按钮前显现的图象 |
| 要领 | 形貌 |
|---|---|
| play() | 最先播放视频 |
| pause() | 停息当前播放的视频 |
preload 预加载
● auto - 当页面加载后载入全部视频
● metadata - 当页面加载后只载入元数据
● none - 当页面加载后不载入视频