Video-Tutorial: Videos in Banner-Exporte aus Figma einbetten
Dieses Video zeigt, wie du mit dem Plugin Bannerify Videodateien in deine Banner einbettest.
Links zu YouTube oder Vimeo funktionieren nicht. Du musst direkt auf die URL einer .mp4-Videodatei verlinken, indem du dein Video zum Beispiel zuerst bei einem Dienst wie Dropbox hochlädst.
Gehostete Video-URLs bleiben in HTML-Exporten standardmäßig extern. Bannerify behält direkte .mp4/.webm-Video-URLs im exportierten HTML, statt das Video in die ZIP-Datei herunterzuladen. Um gehostete Videodateien in die ZIP-Dateien von HTML-Exporten zu packen, aktiviere Download videos into ZIP neben dem Feld für die Embed-URL. Bei Uploads für Google Ads HTML5 und Google App Campaign Playable bleiben Video-URLs trotzdem ungebündelt, weil diese ZIP-Uploads keine mitgelieferten Videodateien unterstützen.
Die Figma Plugin API kann Videodateien nicht direkt aus den Ebenen deiner Figma-Datei lesen. Mit Bannerify kannst du Videos aber in Zeitleisten-Ebenen ohne Text einbetten, indem du eine direkte URL zu einer .mp4- oder .webm-Datei einfügst.
Ein Video bekommst du, indem du entweder die kostenlosen Stockvideos auf einer Website wie Pixabay durchsuchst oder deine eigene .mp4- oder .webm-Datei bei einem Hosting-Dienst wie Dropbox oder Backblaze B2 hochlädst. Kopier dann den Link für deine Animation, um ihn in Bannerify zu verwenden.
Standardmäßig wird dein Video automatisch in einer Schleife abgespielt. Bei Bedarf kannst du das ändern, indem du den Schalter Loop Embed ausschaltest.
Um eine Videoanimation von einer Ebene zu entfernen, klick erneut auf den Icon-Button Settings und lösche die URL aus dem Eingabefeld für das Video.
Wenn du einen Dropbox-Link kopierst, stelle sicher, dass er direkt auf die Videodatei selbst verweist (die URL sollte .mp4 enthalten). Je nachdem, wo in der Dropbox-Oberfläche du sie verwendest, verlinken die Buttons „Share“ bzw. „Copy Link“ manchmal stattdessen einen ganzen Ordner.
Video-URLs auf mehrere Ebenen anwenden Wie andere Ebeneneinstellungen kannst du auch deine Video-URL gleichzeitig auf mehrere Ebenen übertragen.
Video und Lottie per Tabelle austauschen Du kannst eingebettete Medien beim Export auch pro Tabellenzeile austauschen. Nutze dazu den Varianten-Workflow mit direkten .mp4-, .webm- oder .json-URLs oder passenden .mp4-, .webm- oder .json-Dateien in einer hochgeladenen ZIP-Quelle.
Halte die Gesamtgröße aller eingebetteten Videos unter 4 MB, damit deine Banner-Anzeige nicht durch die Richtlinie von Chrome zu ressourcenintensiven Anzeigen blockiert wird.