MP4ファイルは2MBまでアップロードできます。
これらのファイルは、シングルイメージタイプの画像、画像コンテンツ、ステッカーコンテンツで使用できます。
シングルイメージタイプ以外の背景画像としてはご利用いただけません。
外部のコンテンツを利用する
「コンテンツを追加」から「HTML」を選択し、YouTubeなどのサービスから取得したコードを貼り付けるか、<video>タグを挿入してください。
注意：シングルイメージタイプのディスプレイにはコンテンツを追加できないため、このオプションは利用できません。
Youtube
埋め込みコードの取得
「共有」→「埋め込む」の順にクリックしてコードを取得します。
Youtubeプレーヤーのカスタマイズ
取得したコードは以下のようになります(この例の動画ID 799i7Mx4sBU はご自身の動画のIDに置き換えてください)。
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/799i7Mx4sBU?si=sdgC2Rqvr35M2oHK"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
</iframe>
以下のように、取得したコードを少しカスタマイズすることをおすすめします。
<iframe
width="500"
height="315"
src="https://www.youtube.com/embed/799i7Mx4sBU?si=sdgC2Rqvr35M2oHK&mute=1&autoplay=1&controls=0&rel=0&loop=1&playlist=799i7Mx4sBU"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
</iframe>
各変更点の説明
動画を自動再生する
srcの末尾に
&mute=1&autoplay=1を追加します — 動画がミュート状態で自動再生されます(ミュートにしないと自動再生は機能しません)。
不要な要素を非表示にする
srcの末尾に
&controls=0を追加します — 動画のコントロールを非表示にします。srcの末尾に
&rel=0を追加します — 動画終了後の関連動画を非表示にします。
動画をループさせる
srcの末尾に
&loop=1&playlist=動画IDを追加します。
動画をディスプレイいっぱいに表示する
方法については iFrameコンテンツだけをポップアップに表示するには をご覧ください。
videoタグを使用する
動画のURL(MP4ファイルなど)をsrcに設定してください。その他の属性は必要に応じて調整してください。
<video src="ビデオのURL" width="100%" height="auto" autoplay muted playsinline></video>