这是一个创建于 508 天前的主题，其中的信息可能已经有所发展或是发生改变。
接到一个需求，见图。
设计要求，根据视频播放的时长，来动态切换左边的滚动条。
麻烦 V 友，可以提供下思路吗，或者给下类似的 Demo 。
我的想法是，根据视频时长来切换，好像不太行吧，应该是每次切换的时间都是固定，并且一样的吧。也就是只能匀速切换吧。
 |
1
StateMa 2023-07-16 11:57:43 +08:00
原生播放器窗口和第三方视频播放组件都支持获取当前视频播放进度。以 videojs 举例 currentTime 就能获取当前播放时间，你拿来除一下就获取到百分比（总时长也有现成参数）
左边像进度条的那玩意叫<b>步骤条</b>,网上找现成的也行，也可以绿皮版简单手搓一个，背景镂空设置一个蓝色 box 垫底，高度通过计算出的百分比动态赋值，圆圈部分自设节点如何到了就触发圆圈部分特效 |
Select Language