2008年08月08日
高画質版のYoutube動画をブログに貼る!
今日はエアコンをつけずに一日耐え抜こうと思ったのですが、PCが悲鳴を上げ始めた為しょうがなくつけた俊哉です。
さて、高画質版の動画を落とす方法は以前書きましたが、今回はそれをサイトやブログなどの埋め込み型プレーヤーで使う方法です。

(画像は使いまわし)
こういった動画を自身のサイトに貼り付けるときに、いつものように埋め込みコードをコピーして貼り付けても標準画質のモノにしかならず、ガッカリしますよね。
高画質表示版を貼るには、このコードを改変する必要があります。
やりかたは至って簡単。
貼り付けるときに使うコードの動画URLの部分2箇所(赤字の部分)
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&hl=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&hl=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
URL部分の直後に「&hl=」と続いているので、それで見分けてください。
このURL部分の直後に「&ap=%2526fmt%3D18」と書き足します。
こういう感じ。
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
これでokです。
このままでもいいのですが追加効果として、この高画質版の動画サイズは480x360なんですね。(標準画質版は320x240)
なので、動画の画質を最大限に活かすには、埋め込みプレーヤーの大きさを動画サイズに合わせます。
「境界線を表示しない」設定の場合、横幅はそのまま480です。
縦幅が厄介で、プレーヤーのコントローラー部分の高さも加算するのですが、このコントロール部分のデザインがころころ変わる為そのときの仕様で多少変わってきます。
今現在の仕様だと385くらいがちょうどいいようです。
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="480" height="385"></embed></object>
以上です。
設置するスペースと相談して決めてくださいな(`・ω・´)
ではまた!
【Blackmore's night - Under a Violet Moon + lyrics】
キャッスルズ・アンド・ドリームス
さて、高画質版の動画を落とす方法は以前書きましたが、今回はそれをサイトやブログなどの埋め込み型プレーヤーで使う方法です。

(画像は使いまわし)
こういった動画を自身のサイトに貼り付けるときに、いつものように埋め込みコードをコピーして貼り付けても標準画質のモノにしかならず、ガッカリしますよね。
高画質表示版を貼るには、このコードを改変する必要があります。
やりかたは至って簡単。
貼り付けるときに使うコードの動画URLの部分2箇所(赤字の部分)
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&hl=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&hl=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
URL部分の直後に「&hl=」と続いているので、それで見分けてください。
このURL部分の直後に「&ap=%2526fmt%3D18」と書き足します。
こういう感じ。
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
これでokです。
このままでもいいのですが追加効果として、この高画質版の動画サイズは480x360なんですね。(標準画質版は320x240)
なので、動画の画質を最大限に活かすには、埋め込みプレーヤーの大きさを動画サイズに合わせます。
「境界線を表示しない」設定の場合、横幅はそのまま480です。
縦幅が厄介で、プレーヤーのコントローラー部分の高さも加算するのですが、このコントロール部分のデザインがころころ変わる為そのときの仕様で多少変わってきます。
今現在の仕様だと385くらいがちょうどいいようです。
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gEPIkl9MMzw&ap=%2526fmt%3D18&hl
=ja&fs=1&rel=0&
color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowfullscreen="true" width="480" height="385"></embed></object>
以上です。
設置するスペースと相談して決めてくださいな(`・ω・´)
ではまた!
【Blackmore's night - Under a Violet Moon + lyrics】
キャッスルズ・アンド・ドリームストラックバックURL
コメント一覧
11. Posted by 俊哉@SEED 2009年04月28日 22:13
mahsaさん>
お役にたてて光栄です(´∀`)
記事後半のサイズ部分は現在のYoutubeの仕様変更で、簡単に選ぶことができるようになってますね^^
お役にたてて光栄です(´∀`)
記事後半のサイズ部分は現在のYoutubeの仕様変更で、簡単に選ぶことができるようになってますね^^
10. Posted by mahsa 2009年04月26日 19:39

ありがとうございました。高画質でブログに埋め込むことが出来ました。
9. Posted by 俊哉@SEED 2008年09月04日 19:03
SPさん>
ご来場感謝です!
そこまで言われると素で照れます!(笑)
僕の周りでは全く役に立たない情報ですが、やっぱり世の中には必要としてる人がたくさんいますよね(´∀`)
ご来場感謝です!
そこまで言われると素で照れます!(笑)
僕の周りでは全く役に立たない情報ですが、やっぱり世の中には必要としてる人がたくさんいますよね(´∀`)
8. Posted by SP 2008年09月04日 17:27
すごい!
高画質で貼り付けができる方法がなく困っていました。
素晴らしい!!!としか言いようがありません。
救世主様ですね
高画質で貼り付けができる方法がなく困っていました。
素晴らしい!!!としか言いようがありません。
救世主様ですね

7. Posted by 俊哉@SEED 2008年09月04日 10:15
yukiさん>
コメントありがとうございます!
高画質でアップした動画は標準画質だと普通以上に荒いですからね(´・ω・`)
僕は未だに再エンコのコンプと闘ってます_ノ乙(、ン、)
コメントありがとうございます!
高画質でアップした動画は標準画質だと普通以上に荒いですからね(´・ω・`)
僕は未だに再エンコのコンプと闘ってます_ノ乙(、ン、)
6. Posted by yuki 2008年09月04日 02:10

おかげで高画質でアップロード
した動画をブログに貼り付けることができました
ありがとうございます。
5. Posted by 俊哉@SEED 2008年08月31日 18:07
通行人さん>
わざわざコメントありがとうございますm(_ _)m
このようなコメントを頂けるとやはり時間をかけてでも書いてよかった!と嬉しくなりますね(´ω`)
わざわざコメントありがとうございますm(_ _)m
このようなコメントを頂けるとやはり時間をかけてでも書いてよかった!と嬉しくなりますね(´ω`)
4. Posted by 通行人 2008年08月31日 15:59
とても参考になりました
「fmt=18で高画質に…」って記載されているところはかなりあるんですが、埋め込みプレイヤーで高画質にする方法がなかなか見つからなくてここにたどり着きました
助かりましたm(_ _)m
「fmt=18で高画質に…」って記載されているところはかなりあるんですが、埋め込みプレイヤーで高画質にする方法がなかなか見つからなくてここにたどり着きました
助かりましたm(_ _)m
3. Posted by 俊哉@SEED 2008年08月10日 11:07
MMKさん>
東京は先月の12日からずっと真夏日です_ノフ○ グッタリ
エアコンは家にいる間は常についてますb( `・ω・´)
kohhさん>
参考になってよかったです!
東京は先月の12日からずっと真夏日です_ノフ○ グッタリ
エアコンは家にいる間は常についてますb( `・ω・´)
kohhさん>
参考になってよかったです!
2. Posted by kohh 2008年08月09日 16:25
さっそく試してみます!
1. Posted by MMK 2008年08月09日 01:37
ぉーぅ
私の苦手な感じのが羅列してぉりますねぇ
都心も猛暑になったみたぃですねぇ
家の中でも熱中症になるから、クーラーゎつけましょう

私の苦手な感じのが羅列してぉりますねぇ

都心も猛暑になったみたぃですねぇ
家の中でも熱中症になるから、クーラーゎつけましょう







