Navigation
Archive / How do I prevent page from scroll to top when video is fullscreen?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 10, 2017 at 12:58 pm #1366171
    Cocoony
    Participant

    Hi there,
    I have an hos based one pager with a Rev Slider below masthead. I also use an expand–collapse feature. In one of the collapsed sections I have videos but if I use an embedded video the rev slider sound comes on when video is in fullscreen. i guess it’s due to the fact that the page scrolls up to the top of the page (behind the fullscreen window) or something.

    Is it possible to prevent this from happening? I’m now using the self hosted video function from Elements to walk around this issue.

    February 10, 2017 at 1:00 pm #1366173
    Cocoony
    Participant
    This reply has been marked as private.
    February 10, 2017 at 1:01 pm #1366175
    Cocoony
    Participant

    *hos based is Ethos based.

    February 10, 2017 at 9:18 pm #1366659
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! I am confused with the issue. When you watch the video in fullscreen, you cannot have any controls to scroll the page. Could you please create a video screen capture so that we will have an idea of what you are experiencing?

    Thank you in advance.

    February 11, 2017 at 10:28 am #1367059
    Cocoony
    Participant
    This reply has been marked as private.
    February 11, 2017 at 10:32 am #1367060
    Cocoony
    Participant
    This reply has been marked as private.
    February 11, 2017 at 10:37 am #1367065
    Cocoony
    Participant

    I got it. Here’s a link to the screen capture. Sorry, I get kinda fast sometimes.

    [video src="http://powered-by.qbank.se/changeattitude/06409663226af2f3114485aa4e0a23b4.mp4" /]

    February 11, 2017 at 10:38 am #1367066
    Cocoony
    Participant
    This reply has been marked as private.
    February 11, 2017 at 10:39 pm #1367544
    Rad
    Moderator

    Hi there,

    It’s not because of the scrolling, it’s because videos have no control to other videos. They can play at the same time.

    It just happens that the top video belongs to the slider, and that slider can control the video when scrolling down ( eg. when scrollTOP is 0, it plays, when scrollTop is greater than 0, greater scrollTop means a user is scrolling it down ). Since your other videos are not related to the slider, there is no way it can be controlled based on scrollTop.

    Hence, when other videos are set to full-screen, the scrollTop is reset back to 0 since there is no scrolling. Then the slider video resumes. Your other videos are just raw HTML5, it requires further coding so it could tell the slider stop playing the video when it’s full-screen.

    It’s a bit tricky since you’ll have to create integration between your other videos and slider. You may want to consult it to a developer. The clue is by using HTML5 video events and Revslider API.

    Thanks.

    February 12, 2017 at 5:42 am #1367752
    Cocoony
    Participant

    OK, so no simple solution for this one? Thank you.

    February 12, 2017 at 6:22 am #1367781
    Christian
    Moderator

    Regretfully, no. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1366171 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>