ブログにYouTubeの動画を埋め込むときのメモ。
埋め込むときの画面がコレ。
以前だと、埋め込みサイズを指定できた気がするのですが、いま仕様変更でできないんですよね。
デフォルトで、width="560" height="315" となってしまいます。
YouTube上でサイズ指定できなくなりましたが、コードを弄ればサイズ変更可能です。
このサイズについて、アスペクト比を維持したまま、サイズ変更をする必要があります。
その比率を忘れがちなので、メモです。
16:9の動画を想定しています。
- 426x240 width="426" height="240"
- 640x360 width="640" height="360"
- 854x480 width="854" height="480"
- 1280x720 width="1280" height="720"
- 1920x1080 width="1920" height="1080"
- 2560x1440 width="2560" height="1440"
- 3840x2160 width="3840" height="2160"
このブログは、640x360で設定しています。
比較するとこんな感じ。
<iframe width="560" height="315" src="https://www.youtube.com/embed/AV_WGbl2Hbs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="640" height="360" src="https://www.youtube.com/embed/AV_WGbl2Hbs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
基本的な埋め込み方法については、こちらを参照。
