chrome浏览器中拖动进度条到新的位置设置player.currentTime=value设置不上,一直为0

2018-1-12 23:20:29 5,064 views
player.currentTime =value //player为video元素,赋值一直赋不上
chrome浏览器中拖动进度条到新位置player.currentTime一直为0,刚开始我以为我的代码逻辑有问题,检测多遍后没发现问题。换了火狐浏览器可以拖动到新位置。
结果发现只需要设置video 的src地址为服务器地址即可。不能用本地地址。
拖动进度条到新位置的大致思路:
1.获取进度条点击事件的位置
2.获取面板到视口的距离
3.进度条点击事件的位置水平距离-面板到视口的距离=进度条的新的距离
4.获取进度条的总的距离
5.设置拖动后的播放时间 player.currentTime=(获取进度条点击事件的位置-获取面板到视口的距离)*player.duration/进度条的总的距离;
6.设置进度条到新位置:进度条的style特性宽度设置为新的距离

9

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。