How to scroll the video into view?

[Solved]

apasho 3 years, 12 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 4 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 4 years ago

Yes, your code for scrolling works well.

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