视频播放器
只是一个使用视频播放器测试我的 vanilla javascript 技能的项目,切换不同的属性和 dom 事件
播放/暂停
在 script.js 中有一个用事件编写的函数来切换它,并在“单击”时操纵播放/暂停图标。 还有一个事件“结束”来通知视频何时结束,以便在它结束时切换播放/暂停功能。
进度条
当您按下进度条中的任意位置时,您会注意到进度条会跳到按下的位置。 这是一个在进度条上工作的“点击”事件和一个在进度范围内工作的“时间更新”事件。
声音图标
点击事件也被用来操纵静音/取消静音图标,还有一个叫做 video.volume 的视频属性来操纵视频的音量。 使用javascript动态设置图标的图标变化。
播放率
正在触发更改事件以将视频的速度从 0.5、0.75、1、1.5 或 2 更改。请注意,playbackRate 的视频默认值为 1。
全屏
在全屏按钮上使用单击
1