「Youtubeの画面サイズについて」の版間の差分
編集の要約なし |
編集の要約なし |
||
| (同じ利用者による、間の13版が非表示) | |||
| 1行目: | 1行目: | ||
youtubeではナビゲーションを除き、縦横16：9の比率で動画を載せています。<br /> | |||
この比率を守ると下の図のように余白のない表示をしてくれます。<br /> | この比率を守ると下の図のように余白のない表示をしてくれます。<br /> | ||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/3/39/128_77_non.png | http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/3/39/128_77_non.png | ||
<br /> | <br /> | ||
<br /> | <br /> | ||
<br /> | <br /> | ||
サイズの変更は下の図の「任意の数値」という部分に数字を入力すれば自由に変更することができます。<br /> | |||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/ | ※embedタグの中のwidth、heightの数値は、objectタグと同じ数字を入力してください。<br /> | ||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/9/9e/Youtube_source.png | |||
<br /> | <br /> | ||
<br /> | <br /> | ||
<br /> | <br /> | ||
'''サイズ変更時の注意点'''<br /> | |||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/9/ | 例：width"300" height"100"で変更した場合<br /> | ||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/e/ee/300x100.png | |||
<br /> | |||
縦横の比率を無視して作ると上の図のように動画の一部が表示されません。<br /> | |||
動画をきれいに表示させたい時は以下の公式を使ってください。<br /> | |||
<br /> | |||
"任意のwidth":X(height)=16:9<br /> | |||
<br /> | |||
上の数値を例に置き換えると<br /><br /> | |||
300:X=16:9<br /> | |||
16X=2700<br /> | |||
X=169（小数点以下 四捨五入）となります。<br /> | |||
それにナビゲーション部分25px足すと195pxになります。<br /><br /> | |||
この数値を使って縦幅を入力すると(width"300" height"195")<br /> | |||
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/d/d3/300x195.png<br /> | |||
小数点分上に1px余白ができましたが、きれいに動画が収まりました。 | |||
2010年7月27日 (火) 17:41時点における最新版
youtubeではナビゲーションを除き、縦横16：9の比率で動画を載せています。
この比率を守ると下の図のように余白のない表示をしてくれます。
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
小数点分上に1px余白ができましたが、きれいに動画が収まりました。
