html5 audio 长度,HTML5 Audio & Video 属性解析

一、HTML 音频/视频 方法

play()

play() 方法开始播放当前的音频或视频。

var myVideo=document.getElementById("video1");

function playVid()

{

myVideo.play();

}

function pauseVid()

{

myVideo.pause();

}

pause()

pause() 方法暂停播放当前的音频或视频。

var myVideo=document.getElementById("video1");

function playVid()

{

myVideo.play();

}

function pauseVid()

{

myVideo.pause();

}

load()

load() 方法重新加载音频/视频(audio/video)元素。

load() 方法用于在更改来源或其他设置后对音频/视频(audio/video)元素进行更新。

更改视频来源

您的浏览器不支持 HTML5 video 标签。

function changeSource()

{

document.getElementById("mp4_src").src="movie.mp4";

document.getElementById("ogg_src").src="movie.ogg";

document.getElementById("video1").load();

}

canPlayType()

function supportType(e,vidType,codType)

{

myVid=document.createElement('video');

isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"');

if (isSupp=="")

{

isSupp="No";

}

return isSupp;

}

二、HTML 音频/视频属性

autoplay

【设置】或【返回】是否在加载完成后随即播放音频/视频。

controls

【设置】或【返回】音频/视频是否显示控件(比如播放/暂停等)。

currentTime

【设置】或【返回】音频/视频中的当前播放位置(以秒计)。

defaultMuted

【设置】或【返回】音频/视频默认是否静音。

defaultPlaybackRate

【设置】或【返回】音频/视频的默认播放速度。

duration

【返回】当前音频/视频的长度(以秒计)。

ended

【返回】音频/视频的播放是否已结束

error

【返回】表示音频/视频错误状态的 MediaError 对象。

loop

【设置】或【返回】音频/视频是否应在结束时重新播放。

muted

【设置】或【返回】音频/视频是否静音。

paused

【设置】或【返回】音频/视频是否暂停。

playbackRate

【设置】或【返回】音频/视频播放的速度。

src

【设置】或【返回】音频/视频元素的当前来源。

volume

【设置】或【返回】音频/视频的音量。

二、HTML 音频/视频事件

canplay

当浏览器可以开始播放音频/视频时触发。

ended

当目前的播放列表已结束时触发。

error

当在音频/视频加载期间发生错误时触发。

pause

当音频/视频已暂停时触发。

play

当音频/视频已开始或不再暂停时触发。

playing

当音频/视频在因缓冲而暂停或停止后已就绪时触发。

progress

当浏览器正在下载音频/视频时触发。

ratechange

当音频/视频的播放速度已更改时触发。

seeked

当用户已移动/跳跃到音频/视频中的新位置时触发。

seeking

当用户开始移动/跳跃到音频/视频中的新位置时触发。

timeupdate

当目前的播放位置已更改时触发。

volumechange

当音量已更改时触发。

waiting

当视频由于需要缓冲下一帧而停止时触发。

当音频/视频处于加载过程中时，会依次发生以下事件：

loadstart

durationchange

loadedmetadata

loadeddata

progress

canplay

canplaythrough