メインコンテンツにスキップ

埋め込んだ背景動画の上下や左右に余白ができてしまう

Embedボックスのサイズを変更して、余白の調整をします。ただし、一定の画面幅以上では調整後も余白が発生してしまう可能性があります。

今日アップデートされました

埋め込んだ背景動画の上下や左右に余白ができてしまう

Tips: mp4やwebm形式の動画(各ファイル1GBまで)をエディタにアップロードして、ページ上に直接配置することもできます。

詳細は動画ボックスの特徴と操作方法をご覧ください。

YoutubeVimeoなどの外部動画を埋め込む際にEmbedボックスをそのまま配置すると、上下か左右に余白が生じることがあります。

解決方法

Emebedボックスを「横幅200% 縦幅110vh」に設定することで、動画の余白を調整することができます。

一定以上の画面幅を超えると、左右や上下に余白が生じてしまいます。

これは、縦幅を110vhからさらに大きくすると緩和できます。

※増やした分、動画表示がアップになります

また、背景動画は利用するYoutubeやVimeo側の仕様も大きく影響するため、一定の画面幅以上になりますとどうしても余白が発生してしまう可能性はあります。

こちらの回答で解決しましたか?