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

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

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

一週間前以上前にアップデートされました

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

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

事象

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

解決方法

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

この方法でも、画面幅が一定以上になると、左右や上下に余白が生じる場合があります。

その際は、縦幅を110vhより大きく設定すると余白をある程度緩和できますが、その分、動画の拡大率も上がります。

なお、背景動画は使用しているYouTubeやVimeoの仕様にも影響されるため、画面幅によっては余白が生じる場合があります。

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