视频 H5

视频常用api（掌握）

方法：load （）加载  play（）播放 pause（）暂停

属性：currentTime  当前进度

duration：视频的总时间

paused 能获取当前视频 的播放状态

事件：

oncanplay：事件在用户开始播放视频、音频时触发

ontimeupdate：通过该事件来报告当前播放进度

onended：播放完时触发

全屏：video.webkitRequestFullScreen()；

requestFullscreen（）开启全屏显示

canFullscreen（）  关闭全屏显示

通过documen.webkit

总时间的显示

视频的播放与暂停  播放按钮的图标变化

播放进度时间的显示

进度条的显示

跳跃播放

全屏

总时间的显示

步骤

1，判断视频是否可以播放  oncanplay

2，拿到总时间  以秒为单位的数字 XXXX

3，需要把时间换算成换算成小时 分钟 秒

4，判断如果是一位数，那么把一位数变成两位数

5，拼接字符串，写入total-time