How to scroll the video into view?

[Solved]

apasho 3 years, 4 months ago

How can I have the video scroll into view once a link is clicked the loads the video. These is only one video on the page. I tried using

jQuery('video.flowplayer')[0].scrollIntoView({
  behavior: "smooth", 
  block: "end"
});

and

jQuery(`#${window.fpId}`)[0].scrollIntoView({
  behavior: "smooth", 
  block: "end"
});

but neither is working.

Viewing 2 replies - 1 through 2 (of 2 total)

Martin 3 years ago
Hello Apasho,

please try to change the selector to just:
```
'.flowplayer'
```
FV Player does use the video element, but it does not have the class “flowplayer”. I’m not sure what you store in window.fpId, but if it’s the ID of the FV Player element it should work too.

So I tried
```
jQuery('.flowplayer')[0].scrollIntoView({
  behavior: "smooth", 
  block: "end"
});
```
On https://foliovision.com/player/basic-setup/autoplay and it worked.

Thanks,
Martin
apasho 3 years ago

Yes, your code for scrolling works well.

Viewing 2 replies - 1 through 2 (of 2 total)

free hit counter