视频：mp4 ogv webm    音频：mp3 ogg wav

视频地址要写在source标签里面

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<video><source src='...'></video>

 

video/audio常用属性

1.autoplay='autoplay'自动播放

2.controls='controls'默认控制器

3.poster='播放前的视频封面图片'

 

video/audio的API事件

1.loadedmetadata 源数据被加载事件，基本上都是以它开始，例：获取到video的id后，可以计算视频时间和点击开始按钮

2.timeupdate 播放位置改变事件

3.ended 播放结束事件

4.play()播放事件

5.pause()暂停事件

6.volumechange  音量改变所触发的事件

 

video/audio的API属性

  v.onloadedmetadata=function(){

         1   v.duration   总时长

         2   v.playbackRate 播放速率

         3   v.paused     是否暂停

         4   v.ended     是否结束

         5   v.muted     是否静音

         6   v.currebtSrc   视频地址

  }

  v.ontimeupdate=function(){

         1    v.currentTime 视频当前进度的时间

         2    v.buffered.end(0) 当前缓冲量

}

v.onvolumechange=function(){

         1    v.volume 视频当前音量

}

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄