Swipe through videos with no lag or load time on a mobile device?

  • Resolved jordanoboylex

    (@jordanoboylex)


    3 years, 9 months ago

    How to swipe through videos with no lag or load time on a mobile device?

    I am creating a website that I want to function like a basic app. Most people will use the app via a tablet or cell phone. The app will look very similar to the Freeletics workout app.

    When the user opens a workout, I want a :15 second exercise video to loop over and over until the user swipes their finger to see the next exercise video. Then another :15 second video will loop over and over until the user swipes their finger to see the next exercise video.

    The user will swipe through 50 different exercise videos.

    I have limited coding skills.

    -Where should I have the videos stream from? YouTube?

    -What is the best plugin to use to mimic an app by swiping with the user’s finger? SmartSlider? Also, what video plugin?

    -How to make sure the next video is loaded and ready to play each time (so the user never has to wait for a video to load)?

    Thank you in advance for pointing me in the correct direction.

Viewing 1 replies (of 1 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @jordanoboylex!

    Youtube would be the best for this usecase. You cannot really make sure that the videos are ready loaded, so the users have to wait, just like when you go to Youtube to start a video, but it isn’t really a big waiting time, possibly less than 1 second.

    At the Youtube layer:
    https://smartslider.helpscoutdocs.com/article/1846-youtube-layer
    you can turn on “Loop”.

    The swiping is the more problematic part. Touching an element on a website creates an action. Touching a Youtube (or other) video starts or pauses the given video, or if you touch it at its controls, you can do even a different action. If you want swiping, you would take away this action from your users. In absolute mode:

    you could put down a Text layer on top of your video:
    https://smartslider.helpscoutdocs.com/article/1832-text-layer
    and write linebreaks in it:
    <br>

    where the user would be able to swipe. If you would cover only a part of the video, maybe just the left and right side, that could work out.

    The swiping is handled by the Drag option:
    https://smartslider.helpscoutdocs.com/article/1861-control-variables
    so you don’t need anything else for this.

Viewing 1 replies (of 1 total)
  • The topic ‘Swipe through videos with no lag or load time on a mobile device?’ is closed to new replies.