なんでもかくブログ - TAKA@P.P.R.S!!!!!

気になったことはなんでも書く、の精神でやっていくブログ。

YouTube、動画貼り付け時のサイズ比率のメモ

f:id:TAKAPPRS:20190126124215j:image

ブログにYouTubeの動画を埋め込むときのメモ。

埋め込むときの画面がコレ。

f:id:TAKAPPRS:20190126124427p:plain

 

以前だと、埋め込みサイズを指定できた気がするのですが、いま仕様変更でできないんですよね。

デフォルトで、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="365" src="https://www.youtube.com/embed/AV_WGbl2Hbs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

基本的な埋め込み方法については、こちらを参照。

support.google.com