Framer Classic » Hyperlapse » Second video page: Clouds

Second video page: Clouds

This next video also has its own page. We’ll just place it on top of the first page for now.

# Page 2: Clouds video
page_2 = new Layer
    size: Screen.size
    backgroundColor: null

Add the video file, Video_2_Clouds.mp4, and change its properties to this:

Video_2_Clouds = new VideoLayer
    size: Screen.size
    video: "images/Video_2_Clouds.mp4"
    backgroundColor: null
    parent: page_2
Video_2_Clouds.player.loop = yes

Video_2_Clouds.player.play()

The text overlay is in Hyperlapse_stabilizes_your_video.png.

Center it vertically, give it a y-position of 47.5, make page_2 its parent, and set its opacity to 0.8.

Hyperlapse_stabilizes_your_video = new Layer
    width: 534/2
    height: 104/2
    image: "images/Hyperlapse_stabilizes_your_video.png"
    x: Align.center
    y: 47.5
    opacity: 0.8
    parent: page_2
Download Framer project
Second video: Clouds

Leave a Reply