Youtubeの超高画質動画を埋め込む方法 fmt=22編 

今日はちょっとした技術情報です。

皆さんも絶対一度は利用したことのある、Youtubeなんですが、

すごい高画質な動画が再生可能なようですね。

ただ見るだけなら簡単、今回はウェブサイトに埋め込む方法もメモしておきます。

まずは確認していただこうかと思います。


標準の動画 そのまま埋め込んだもの。320x240 H263 FLV



fmt=6のモードの動画。 448x336 H263 FLV


fmt=18のモードの動画。 480x360 H264 MP4


fmt=22のモードの動画。 1280x720 H264 MP4


残念ながらサイトの構成上、fmt=22モードの動画は

適正解像度で埋め込めませんでした。

ですので別枠を用意しました。

fmt=22 適正解像度設定のページ


…すごいですネ。

見て驚いてしまいました。

ここまで高画質なのは過去にあった、stage6くらいでしょうか？


動画を直接見る場合、URLを弄ります。

http://jp.youtube.com/watch?v=動画のID&fmt=22

動画のIDに&fmt=22とつけてあげるだけです。


高画質動画のウェブページ埋め込み方法です。

HTMLにそれなりの知識のある方はソースでわかるかと思います。

動画ファイルにいくつかのパラメーターを足すことで実現します。


今回はfmt=22を埋め込むタグです。

キーワードは、&ap=%2526fmt%3D22


<object width="横の解像度" height="縦の解像度"><param name="movie" value="http://www.youtube.com/v/動画のID&ap=%2526fmt%3D22"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/動画ID&ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="横の解像度" height="縦の解像度"></embed></object>

アンダーラインのあるところは標準の埋め込みタグから変更すべき箇所です。

&ap=%2526fmt%3D22 を &ap=%2526fmt%3D18にすれば

ワンランク画質が下がります。


各種 fmtパラメーターの適正埋め込み解像度。

標準 : width="320" height="265"

fmt=6(&ap=%2526fmt%3D6) : width="448" height="361"

fmt=18(&ap=%2526fmt%3D18) : width="480" height="385"

fmt=22(&ap=%2526fmt%3D22) : width="1280" height="1049"


当然ですが、動画の元のファイルが高画質でアップロードされていなければ、

ご利用できない場合があります。

現在は少数ですが、徐々に増えていくものだと思われます。


是非一度高画質を体験してみてください！


…ですがデメリットもあります。

それなりのマシンパワーを要します。

また、回線もそれなりに要求されます。


問題が無ければ積極的に使うべきだと思いました。

私は画質が向上したのはもちろんですが、音質の向上がすごいと思いました。

すごいですね！Youtube！


11月25日追記。

Youtubeのサイトの仕様変更が行われたようです。



動画のプレイヤーが標準でワイド化されました。

これでアスペクト比を気にすることなく動画を楽しめますね。


ではでは

ADIEU

さらばだ^^