input+progress写视频进度条

（适用chrome谷歌浏览器。其他浏览器可能存在兼容问题，以后再进行完善）大致样式如下：

视频右侧第一条为音量条，第二条为视频进度条。
重点写一下进度条的思路。

<video src="" id="shiping" muted="muted" autoplay   >

写好video以后

第一步和前边写音量进度条的思路一样，使用input+progress将input.value赋值给progress.value，（具体可以参考我的上一篇博客内容）实现音量进度条的样式。
第二步，我们写progress:右边的实时更新时间。
这里有两个时间：目前播放时间/视频总时长

 var start=shiping.seekable.start(0);//视频开始时间
      console.log(start);
 var end=shiping.seekable.end(0);//结束时间
 var end_p=parseInt(end);
      console.log(end_p);
 var play_end=shiping.played.end(0);//视频当前播放时间
 var play_end_p=