FilesExpand file tree

 main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

18 lines (17 loc) · 816 Bytes

 main

/

script.js

Top

File metadata and controls

• Code
• Blame

18 lines (17 loc) · 816 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

const registerVideo = (bound, video) => {

bound = document.querySelector(bound);

video = document.querySelector(video);

const scrollVideo = () => {

if(video.duration) {

const distanceFromTop = window.scrollY + bound.getBoundingClientRect().top;

const rawPercentScrolled = (window.scrollY - distanceFromTop) / (bound.scrollHeight - window.innerHeight);

const percentScrolled = Math.min(Math.max(rawPercentScrolled, 0), 1);

video.currentTime = video.duration * percentScrolled;

}

requestAnimationFrame(scrollVideo);

}

requestAnimationFrame(scrollVideo);

}

registerVideo("#bound-one", "#bound-one video");

registerVideo("#bound-two", "#bound-two video");

registerVideo("#bound-three", "#bound-three video");