iOSで埋め込んだYouTube動画が左にずれる時の対処法

iOSで埋め込んだYouTube動画が左にずれる時の対処法
HTML/CSS学習におすすめの書籍

Amazonの読み放題サービスKindle Unlimited無料体験キャンペーン実施中!

Amazon Kindle Unlimited 公式

iOSで埋め込んだYouTube動画が左にずれる(iframeの位置がずれる)という場合は、<iframe>に“object-fit:cover;が含まれていないかどうかを確認しましょう。

このプロパティは、iframe要素のコンテンツが指定されたサイズにフィットするように調整されるため、意図しない配置のズレが生じることがあります。

iframeのスタイルから「object-fit: cover;」を削除すると、iOSデバイス上でYouTube動画の表示が適切に中央に配置されるはずです。

制作のご相談・ご依頼はこちらから!

Author

WARACRO(ワラクロ)

2018年に起業し、Webデザイナー・WebディレクターとしてWordPress案件を中心にWeb制作のお仕事をしています。
このブログでは、Webサイト制作に関する情報をお届けしています。

Webデザイン学習におすすめの講座
To Top