Youtubeの画面サイズについて
編集中
youtubeではナビゲーションを除き、縦横16:9の比率で動画を載せています。
この比率を守ると下の図のように余白のない表示をしてくれます。
※動画の元サイズが4:3の場合は余白がでます。
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/3/39/128_77_non.png
サイズの変更は下の図の「任意の数値」という部分に数字を入力すれば自由に変更することができます。
※embedタグの中のwidth、heightの数値は、objectタグと同じ数字を入力してください。
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/9/9e/Youtube_source.png
サイズ変更時の注意点
例:width"300" height"100"で変更した場合
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/e/ee/300x100.png
縦横の比率を無視して作ると上の図のようになることがあります。
動画をきれいに表示させたい時は以下の公式を使ってください。
"任意のwidth":X(height)=16:9
上の数値で置き換えると
300:X=16:9
16X=2700
X=169(小数点以下 四捨五入)
プラスナビゲーション部分25px足すと195pxになります。
上の数値を例の数値に当てはめて作ると(width"300" height"195")
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/d/d3/300x195.png