Canvas Background Video
Learn how to add a video as a canvas background in your Showit site.
Jeff Willems avatar
Written by Jeff Willems
Updated over a week ago

Adding a Video as a Canvas Background (Desktop Only)

If you are wanting to upload your own video file to be used as a canvas background you will need to make sure it is in a compatible format for your media servers. To use a video background on mobile - you will need to convert the file to a gif if you wish to use it on your mobile design.

💡All Showit hosted video files need to be mp4 format with a maximum file size of 8mb.

Notice: We've updated how backgrounds sync between mobile and desktop, please refer to this information for more details.

We recommend the following options to get video into your website:

  • - Web based compression that has a preset option to save as 8mb size (although another method could output smaller than 8mb)

  • Handbrake for Mac and PC

  • iMovie is built into any Mac.

  • Export Using Quicktime – On a Mac or PC

  • Vimeo – Free and premium versions that automatically converts your files. Showit includes a built-in Video Player Widget.

  • YouTube – Free and automatically converts your video but YouTube is currently limited by 10-minute clips. Showit includes a built-in Video Player Widget for YouTube.

How to add your video as a canvas background

1. Open the media library and click the “Upload File” button.

2. Select your video file on your computer and upload it to your media library.

3. Select the canvas you would like to edit

4. Click the “Canvas Background” option on the right-hand properties panel.

5. From the “Type” drop-down, select “Video”.

6. Click the object icon that pops up and select your video from the media library

Convert to MP4 for Background Video

We suggest using the free video conversion software Handbrake to convert the files into small web-sized videos.  An 8mb file size limit is in place for background videos to ensure they load quickly.

  • Download Handbrake free

  • Convert with these settings

(for larger image: Right Click>Open Image in New Tab)

NOTE: Handbrake automatically changes the extension .mp4 to .m4v. For Showit to accept the video file, when exporting from Handbrake, you must manually change the extension from .m4v to .mp4.

More Help Articles

Did this answer your question?