--- url: "/ja/bannerify/design/video.md" description: "Bannerifyのタイムラインでテキスト以外のレイヤーの**Settings**アイコンボタンをクリックし、有効な動画ファイル（`.mp4`または`.webm`）のURLを貼り付けると、そのレイヤーに動画を埋め込めます。" --- # バナーに動画ファイルを埋め込む > Bannerifyのタイムラインでテキスト以外のレイヤーの**Settings**アイコンボタンをクリックし、有効な動画ファイル（`.mp4`または`.webm`）のURLを貼り付けると、そのレイヤーに動画を埋め込めます。 ### 動画チュートリアル：Figmaのバナーエクスポートに動画を埋め込む この動画では、Bannerifyプラグインを使ってバナーに動画ファイルを埋め込む方法を紹介します。 [Embedded media](https://www.youtube-nocookie.com/embed/8eqKeU4c4bc) > **Warning:** **YouTube・Vimeoのリンクは使えません。** まず[Dropbox](https://www.dropbox.com/)などのサービスに動画をアップロードし、.mp4動画ファイルのURLに直接リンクする必要があります。 > **Note:** **ホスティングした動画のURLは、HTMLエクスポートではデフォルトでリモートのままです。** Bannerifyは、`.mp4`・`.webm`の動画埋め込みURLを、動画をZIPにダウンロードせずにそのままエクスポートしたHTMLに残します。ホスティングした動画ファイルをHTMLエクスポートのZIPにまとめるには、埋め込みURLの欄の横にある**Download videos into ZIP**を有効にしてください。Google Ads HTML5とGoogle App Campaign Playableの入稿では、ZIPでの入稿がパッケージした動画ファイルに対応していないため、動画埋め込みURLは引き続きまとめられません。 [Video](/assets/videos/bannerify/design/video-embeds.mp4) Figma Plugin APIはFigmaファイルのレイヤーから動画ファイルを直接読み込むことに対応していませんが、Bannerifyでは`.mp4`または`.webm`ファイルへの直接のURLを貼り付けることで、タイムラインのテキスト以外のレイヤーに動画を埋め込めます。 動画ファイルは、[Pixabay](https://pixabay.com/videos/)などのサイトで無料のストック動画から探すか、自分の`.mp4`または`.webm`ファイルを[Dropbox](https://dropbox.com)や[Backblaze B2](https://www.backblaze.com/b2/cloud-storage.html)などのファイルホスティングサービスにアップロードし、そのURLリンクをコピーしてBannerifyのアニメーションで使います。 デフォルトでは動画は自動でループしますが、必要に応じて**Loop Embed**トグルをオフにして変更できます。 レイヤーから動画アニメーションを削除するには、もう一度**Settings**アイコンボタンをクリックし、動画埋め込みの入力欄からURLを削除します。 > **Note:** Dropboxのリンクをコピーする場合は、動画ファイルそのものに直接リンクしていることを確認してください（URLに`.mp4`が含まれているはずです）。Dropboxの「Share」・「Copy Link」ボタンは、Dropboxの画面のどこから使うかによって、フォルダ全体へのリンクになることがあります。 > **Tip:** **動画ファイルのURLの一括適用** ほかのレイヤー設定と同じように、[一括適用](/ja/bannerify/animation/animating-banners#applying-bulk-animations)機能を使って、動画ファイルのURLの設定をレイヤーにまとめて適用することもできます。 > **Tip:** **スプレッドシートを使った動画・Lottieの差し替え** [バリエーションのワークフロー](/ja/bannerify/design/variants)で、`.mp4`、`.webm`、`.json`への直接のURLや、アップロードしたZIPのソースに同梱された対応する`.mp4`、`.webm`、`.json`ファイルを使うと、エクスポート時にスプレッドシートの行ごとに埋め込みメディアを差し替えることもできます。 > **Warning:** **動画埋め込みの合計サイズは4mb未満に抑えてください。** Chromeが導入した[重い広告に関するポリシーの更新](https://developer.chrome.com/blog/heavy-ad-interventions)によって、バナー広告がブロックされるのを防げます。