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

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余白ができましたが、きれいに動画が収まりました。

@@ 1行目: / 1行目: @@
-youtubeではナビゲーション含め、縦横128：77の比率で動画を載せています。<br />
+youtubeではナビゲーションを除き、縦横16：9の比率で動画を載せています。<br />
 この比率を守ると下の図のように余白のない表示をしてくれます。<br />
-※動画の元サイズが4：3の場合は余白がでます。<br /><br />
 http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/3/39/128_77_non.png
+<br />
+<br />
+<br />
+サイズの変更は下の図の「任意の数値」という部分に数字を入力すれば自由に変更することができます。<br />
+※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 />
+例：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 />
+:X=16:9<br />
+X=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余白ができましたが、きれいに動画が収まりました。

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

2010年7月27日 (火) 17:41時点における最新版

案内メニュー

検索