Forum | Appery.io

Hi All,
Trying to architect a video app and need some advice.

We have a video app that has is populated via a data service (image urls and video urls). The structure that I am thinking to create has a single row of images using a carousel (without the ugly dots on the bottom) . After clicking an image the video plays full screen. To advance to the next video the user would just need to swipe (within the video).

I've created a basic carousel (startScreen) and after clicking on the image it directs to a second page (videoScreen) and plays the video. But can't figure out how to make that videoScreen advance to the next video with a simple swipe event (or alternatively we may need to place a "next" button) on the video screen.

Sure we can make the videoScreen a popup or second page that would close and the user would be back at the startScreen video carousel but that user experience would not be the best...

Thanks for any advice!

Hello!

You would need JavaScript code to navigate between videos.
Save video list in localStorage variable and on Swipe event change video source property using JavaScript.