HTML5视频的API

  HTML5引入了video标签,用来添加视频,可是有部分功能存在问题,所以能够用其留下的一些API来控制视频,列举以下:浏览器

 

属性

duration

  获取视频的时长,以计算,但必需要在视频加载完后才可计算出,不然返回NaN网络

  能够用除法、求模运算计算出分、秒(实际视频的秒数不是整数,须要用Math的floor方法向下取整)ide

  

currentTime

  返回当前播放视频播放了的时长,单位为,可用于快进/快退操做视频

  

src

  设置视频的目标文件blog

volume

  设置播放视频时的音量,范围为0-1(静音-满格声音)资源

controls

  设置视频控制按钮,布尔属性io

muted

  设置视频是否为静音,布尔属性,可是该属性在设置后不出如今video标签上方法

netWorkState

  返回video标签的视频的网络状态im

  因为视频是在网页加载后的一些时间后才完成加载,所以若是直接输出netWorkState,返回一个3(未找到视频资源),加载后必定时间就会返回1(视频加载完成,但未加载网络)img

currentSrc

  返回当前播放视频的地址,能够同src同样输出,但须要等视频加载完成并能够播放

  不一样于src属性,currentSrc属性不可用来设置视频的地址

(未完待续)

 

方法

play/pause

  用来控制视频的开始/暂停,可是play方法对于Chrome浏览器仍是不起做用(即没法在页面加载后自动播放,仍是必须在静音条件下才能够实现自动播放)

(未完待续)

相关文章
相关标签/搜索