Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Including Video file embeds in your banners - You can embed video files to a non-text Figma layer in your Bannerify timeline by clicking the **Settings** icon button for that layer, and then pasting in a URL pointing to a valid video file (`.mp4` or `.webm`) into the video embed input field.. Machine-readable page: /bannerify/design/video.md.

Including Video file embeds in your banners

You can embed video files to a non-text Figma layer in your Bannerify timeline by clicking the Settings icon button for that layer, and then pasting in a URL pointing to a valid video file (.mp4 or .webm) into the video embed input field.

Video Tutorial: Add video embeds to Figma banner exports

This video walks through how to add video file embeds to your banners using the Bannerify plugin.

YouTube/Vimeo links will not work. You must link directly to an .mp4 video file URL, by uploading your video to a service like Dropbox first.

Hosted video URLs stay remote in HTML exports by default. Bannerify keeps direct .mp4/.webm video embed URLs in the exported HTML instead of downloading the video into the ZIP. To package hosted video files into HTML export ZIPs, enable Download videos into ZIP beside the embed URL field. Google Ads HTML5 and Google App Campaign Playable uploads still leave video embed URLs unbundled because those ZIP uploads do not support packaged video files.

While the Figma Plugin API doesn't support reading video files directly from your Figma file layers, Bannerify lets you embed videos into your non-text timeline layers by pasting in a direct URL pointing to an .mp4 or .webm file.

To get a video file, you can either browse the selection of free stock videos on a site like Pixabay, or you can upload your own .mp4 or .webm file to a file hosting service like Dropbox or Backblaze B2, and then copy the URL link to your animation to use it in Bannerify.

By default, your video will automatically loop, but you can change this if needed by turning off the Loop Embed toggle.

To remove a video animation from your layer, click on the the Settings icon button again and remove the URL from the video embed input field.

If you're copying a Dropbox link, please ensure it's linking direclty to the video file itself (you should .mp4 as part of the URL), as sometimes Dropbox "Share"/"Copy Link" buttons will link to an entire folder instead, depending on which part of the Dropbox interface they're viewed from.

Bulk applying video file URLs As with other layer settings, you can also apply your video file URL setting to layers in bulk by using the bulk apply feature.

Spreadsheet-driven video and Lottie swaps You can also swap embedded media per spreadsheet row during export by using the variants workflow with direct .mp4, .webm, or .json URLs, or matching .mp4, .webm, or .json files bundled inside an uploaded ZIP source.

Keep the total size of any video embeds under 4mb to avoid your banner ad getting blocked by Chrome's heavy ad policy update that they've rolled out.