html视频怎么自动显示控件,Video控件（自定义播放栏）

完成了这样一个自定义的视频播放栏以及视频暂停页

视频播放页

视频暂停页.png

昨天暂时只做了视频的播放与暂停功能，实时运动心率检测以及视频运动难度这块等接口

这次关于的操作中，主要用到的是关于视频的ontimeupdate函数、video.currentTime(视频当前播放时间)、以及video.duration(视频总长)。

具体代码：

HTML部分

首先 创建一个video控件

其中

autoplay说明视频加载完自动播放

controls表示显示视频播放控件,由于我们是自定义播放控件，此处controls

width和height确定视频播放窗口大小

确定视频播放内容

定义一个div将控制视频播放的按钮、进度条和视频播放时间都包含在这个div中

//控制播放按钮

//进度条总长

//当前播放进度

//视频播放时间

CSS部分