「Youtubeの画面サイズについて」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
== '''編集中''' ==
== '''編集中''' ==
<br /><br />
<br /><br />
youtubeではナビゲーション含め、縦横128:77の比率で動画を載せています。<br />
youtubeではナビゲーションを除き、縦横16:9の比率で動画を載せています。<br />
この比率を守ると下の図のように余白のない表示をしてくれます。<br />
この比率を守ると下の図のように余白のない表示をしてくれます。<br />
※動画の元サイズが4:3の場合は余白がでます。<br />
※動画の元サイズが4:3の場合は余白がでます。<br />
22行目: 21行目:
動画をきれいに表示させたい時は以下の公式を使ってください。<br />
動画をきれいに表示させたい時は以下の公式を使ってください。<br />
<br />
<br />
"任意のwidth":X=128:77<br />
"任意のwidth":X(height)=16:9<br />
<br />
<br />
上の数値で置き換えると<br /><br />
上の数値で置き換えると<br /><br />
300:X=128:77<br />
300:X=16:9<br />
128X=23100<br />
16X=2700<br />
X=180(小数点以下切り捨て)<br />
X=169(小数点以下 四捨五入)<br />
プラスナビゲーション部分25px足すと195pxになります。

2010年7月14日 (水) 18:59時点における版

編集中



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になります。