视频 H5
2018-12-04 本文已影响0人
海子小夜曲
视频常用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
