简易的视频播放器的制作以及进度条

效果图如下

用到的组件是slider

属性名	作用	默认值
min	滑动器最小值	0
max	滑动器最大值	100
step	步长，取值必须大于 0，并且可被(max - min)整除	1
disabled	是否禁用	false
color	背景条的颜色（请使用 backgroundColor）	#e9e9e9
selected-color	已选择的颜色（请使用 activeColor）	#1aad19
activeColor	已选择的颜色	#1aad19
backgroundColor	背景条的颜色	#e9e9e9
show-value	是否显示当前 value	true/false 默认false
bindchange	事件监听e.detail.value获取当前值

• wxml界面实现

<view class='title-line'>
  slider
</view>
<view class="video">
  <image class="video" src="{
   {videoUrl}}"></image>
  <view class="row">
    <text>{
   {
   slideNum}}:00</