« メモ:もっと知りたい! Snow Leopard、第1回〜8回。 | トップページ | 「何が何でも森ゆう子たんのココログに最強カレンダーを設置させてやるニャンだ」のオジサン的挑戦(汗) »

2011年1月31日 (月)

埋め込みタグの取り方が新しくなったYouTubeについてのメモ。

 簡単にサイズをカスタマイズ出来るようになりました。

(クリックすると拡大します)
66←YouTube時間バーの下にある「埋め込みコード」のボタンをクリックすると左のように開きます。一番右側の「カスタム」で幅を指定すると高さも連動して変更になり、その数字を反映したタグが出てきます。


 

 下記でためしてみます。なお、ココログの場合370pxで丁度良い幅になります。

※確認の環境:パソコンはMac、ISPはココログ、ブラウザはFirefoxです。

1、

吉田拓郎&中島みゆき:永遠の嘘をついてくれ (つま恋2006)
http://www.youtube.com/watch?v=O9Bsp72aUbM&fmt=18

<object width="370" height="302"><param name="movie" value="http://www.youtube.com/v/O9Bsp72aUbM?fs=1&amp;hl=ja_JP&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="370" height="302" src="http://www.youtube.com/v/O9Bsp72aUbM?fs=1&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object>

 

2、

200pxで「関連する動画を含めず」。SOBA:要するに動画URLの最後に「?rel=0」のパラメーターを付けたって事ですね。

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="200" height="180" src="http://www.youtube.com/embed/O9Bsp72aUbM?rel=0" frameborder="0" allowFullScreen></iframe>

 

3、

200pxで「関連する動画を含める 」

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="200" height="180" src="http://www.youtube.com/embed/O9Bsp72aUbM" frameborder="0" allowFullScreen></iframe>

 

4、

200pxで、「関連する動画を含めるず」「古い埋め込みコードを使用する」

<object width="200" height="175"><param name="movie" value="http://www.youtube.com/v/O9Bsp72aUbM?fs=1&amp;hl=ja_JP&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/O9Bsp72aUbM?fs=1&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="175"></embed></object>

 新しい「<iframe」のタグだと、「記事の作成」画面で既に大きさが表示されてます。「古い埋め込みコードの時にはまったく表示されておらず、保存して初めて出てきました。

 赤い所が<iframe と埋め込みコード<object 場合のURLの違いで(古い埋め込みコードのURLで「?」以下部分、「?fs=1&amp;hl=ja_JP&amp;rel=0」はなくても大丈夫。)、どちらもアドレスバーに貼りつけて表示させるとフルスクリーンになります。最初の370pxで表示したリンクURLは「/watch?v=」になっていて、今迄どおり普通の画面表示でページが開きます。

68 ←フルスクリーンの場合にも、他のと同じ様に左上のリンクをクリックすると、同じく今迄どおり普通の画面表示でページが開きます。(1、2、3、4、すべて同じURL)


 

|

« メモ:もっと知りたい! Snow Leopard、第1回〜8回。 | トップページ | 「何が何でも森ゆう子たんのココログに最強カレンダーを設置させてやるニャンだ」のオジサン的挑戦(汗) »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/91038/50737045

この記事へのトラックバック一覧です: 埋め込みタグの取り方が新しくなったYouTubeについてのメモ。:

« メモ:もっと知りたい! Snow Leopard、第1回〜8回。 | トップページ | 「何が何でも森ゆう子たんのココログに最強カレンダーを設置させてやるニャンだ」のオジサン的挑戦(汗) »