HTML5视频的API

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

 

属性

duration

  获取视频的时长,以计算,但必须要在视频加载完后才可计算出,否则返回NaN

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

  

currentTime

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

  

src

  设置视频的目标文件

volume

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

controls

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

muted

  设置视频是否为静音,布尔属性,但是该属性在设置后不出现在video标签上

netWorkState

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

  由于视频是在网页加载后的一些时间后才完成加载,因此如果直接输出netWorkState,返回一个3(未找到视频资源),加载后一定时间就会返回1(视频加载完成,但未加载网络)

currentSrc

  返回当前播放视频的地址,可以同src一样输出,但需要等视频加载完成并可以播放

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

(未完待续)

 

方法

play/pause

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

(未完待续)

posted @ 2019-09-09 15:56  且听风吟720  阅读(332)  评论(0编辑  收藏  举报