Swiping between the video pages

We can now gather these four pages and place them side-by-side in a PageComponent.

# Carousel for the 4 video pages
page = new PageComponent
    size: Screen.size
    scrollVertical: no

# Add the pages to the PageComponent
page.addPage page_1
page.addPage page_2
page.addPage page_3
page.addPage page_4

We gave the PageComponent the screen’s width and height, made sure only horizontal scrolling is possible, and then added the pages one by one.

You may have noticed in the original app that you can’t scroll past the first or last page. There’s no overdrag, so you can’t even peek to see if the splash screen is still there.

We disable overdrag on the content layer (the one that’s actually being dragged) with this line:

# Disable overdrag
page.content.draggable.overdrag = no

At this point you can also get rid of the player.play() lines that might still be there. We’ll start the playback of the videos again later. For now, delete these 4 lines:

Video_1_Bridge.player.play()

Video_2_Clouds.player.play()

Video_3_train.player.play()

Video_4_people.player.play()