scrub-video-on-scroll

时间:2024-06-25 05:07:49
【文件属性】:

文件名称:scrub-video-on-scroll

文件大小:13.76MB

文件格式:ZIP

更新时间:2024-06-25 05:07:49

JavaScript

滚动滚动视频 在苹果网站上看到一个,我想弄清楚它是如何工作的,并将其整合到我自己的项目中。 该效果的工作原理是将视频的播放头 (vid.currentTime) 设置为基于滚动总距离的值。 请参阅 main.js 文件夹中的注释,了解如何调整“滚动”在视频中擦洗的速度。 查看css文件夹,调整一个方向可以滚动的px总量。 我已经开始构建一个功能,您可以按两个键在视频的两个部分之间交替。 通过在两点之间创建平滑过渡,而不是现在的突然跳跃,可以改进此功能。 随意提交有任何改进的拉取请求!


【文件预览】:
scrub-video-on-scroll-master
----flower.js(960B)
----main.html(624B)
----Flower-slow-bloom-4k.mp4(13.77MB)
----README.md(856B)
----main.css(224B)

网友评论