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)元素进行更新。

<button onclick="changeSource()" type="button">更改视频来源</button>
<br> 
<video id="video1" controls="controls" autoplay="autoplay">
  <source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
  <source id="ogg_src" src="mov_bbb.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video  标签。
</video>

<script> 
function changeSource()
{ 
  document.getElementById("mp4_src").src="movie.mp4";
  document.getElementById("ogg_src").src="movie.ogg";
  document.getElementById("video1").load();
} 
</script> 

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
    原文作者:Meils
    原文地址: https://segmentfault.com/a/1190000015698889
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞