Video

The video component lets you play videos in your app.

The Video component lets you play videos in your app that are stored in the cloud or in your app (be careful, video files can be quite large and exceed the 50 MB size limit for apps). App users can easily pause, rewind or fast-forward the video with the built in player.

Set Video

There are a few ways you can set a video source in your app:

  1. Provide a link to the video. (The link has to end in .mp4, .mov, โ€ฆso videos uploaded to YouTube and other video sharing sites may not work.)

  2. Upload a video to your app. Be careful of the Thunkable 50 MB app size limitโ€‹

Edit Video size

You can set how tall the Video is using the height property and set how wide it is using the width property.

Height

  • Fill container (default)- The Video fills the entire screen vertically

  • Fit contents - The Videoโ€™s height changes to fit the contents it contains

  • Relative size - The Video fills the specified percentage of the screen

  • Absolute size - Sizes the Video to a specified number of pixels

Width

  • Fill container (default) - The Video fills the entire screen horizontally

  • Fit contents - The Videoโ€™s width changes to fit the contents it contains

  • Relative size - The Video fills the specified percentage of the screen

  • Absolute - Sizes the Video to a specified number of pixels

Set to Auto-Play

To set a video to play automatically, just toggle the Play property to true

Change Video

If you want to build a video player (try this sample app), you may want to change the video source when an event happens (like clicking the next button). If you store your videos in something like a Local DB, you could change the videos with the blocks below:

Blocks from a Video player sample app

Pause or Un-pause

The easiest way to permit the user to pause or un-pause a video is through the built in video player.

There is the option to also pause a video in the blocks editor. To do so, you can use blocks like the ones shown below:

For Android creators, we recommend using the built in video player to pause and un-pause videos. Using the blocks below will reset the video to the beginning of the video (and not where it was last played)

โ€‹