ホームページに動画やYouTube動画の埋め込みとWordPressの簡単機能【動画埋め込み】

YouTubeや動画の埋め込みとホームページの動画サイズ

もはや日常生活に欠かせなくなっているYouTubeや動画ですが、ホームページに撮影した動画やYouTube動画を表示して、会社やお店のホームページやWordPressのサイトで表示したい時に、動画サイズがフィットしない場合があります。

YouTubeの場合は共有から、URLをコピー＆ペーストして、ワードプレスのブロックエディタ機能にあるYouTube動画の埋め込みで、簡単に実装することができますが、デバイスやコンテンツ幅によっては表示サイズが合わない場合があります。

手軽にスマホで閲覧することが圧倒的に多いと思うので、あまりサイズを気にする機会はないかもしれませんが、サイズの違い覚えておくと、思ったようにフィットさせたい時に便利ですので、参考にまでにサイズ感の違いを表示してみました。

現在のYouTubeの推奨サイズ比(アスペクト比)は１６：９となっています

YouTubeの標準比は１６：９のワイド表示が推奨されています。地上波テレビなどフルHDの標準的サイズでもあるので、見慣れている感のある縦横サイズです。

現在はHDやフルワイドが一般的に見慣れているサイズなので、スマホではサイズ（レスポンシブ対応）を合わせています。
＊例としてYouTube動画や動画を活用して表示しています。

サイズ / 解像度	横幅width	縦幅height
240px	426	240
315px	560	315
360px	640	360
480px SD	854	480
720px HD	1280	720
1080px FHD	1920	1080
1440px ２k	2560	1440
2160px 4k	3840	2160

画像で見る854x480px

持ち運びに便利なノートPCで見る標準的なサイズです。（画像をクリックするとそのままYouTubeへ移動します）

YouTube動画をホームページなどに埋め込む標準サイズ

YouTubeの共有→埋め込みを使用した標準サイズ（560x315px）です。