中等
技术面试0 次浏览

小米的视频播放页面,需要实现一个视频进度条,当用户拖动进度条时,视频能相应地跳转到指定位置。请描述实现该功能的主要步骤和涉及的技术。

小米前端工程师
HTML5JavaScript视频进度控制

答题要点

使用 STAR 法则答题,即情景(Situation)、任务(Task)、行动(Action)、结果(Result)。关键要点:情景方面,明确是小米视频播放页面的进度条功能;任务是实现拖动进度条时视频跳转;行动上,要获取视频元素和进度条元素,监听进度条的拖动事件,根据拖动位置计算视频跳转的时间,调用视频的播放方法跳转;结果是用户能流畅地通过进度条控制视频播放。示例话术:在小米视频播放页面的情景下,我们的任务是实现进度条控制视频跳转。首先获取视频和进度条元素,然后监听进度条的拖动事件,计算拖动位置对应的视频时间,最后调用视频的 currentTime 属性实现跳转,这样就能让用户方便地控制视频播放。