高画質動画をブログに埋め込む
せっかくの動画、YouTubeにアップロードするとかなり画質が劣化してしまいます。
アップロードする前に、QuickTime、AVI、H.264(YouTubeの標準)等々、コーデックを変えてみたり、フレームレートを変えたみたりしてその都度アップロード、色々試してみたのですが、大差ありません。エンコードってかなり時間かかって、PCのリソース消費も大きいので、他の作業の障害にもなります。それでも色々試してみたのですが、時間と手間の無駄だったようです。
YouTubeがだめならとVimeoにアップロードしてみました。やはり大差ありません。高画質オプションもあるようですが、それは有料です。
で、漸く気が付きました。YouTubeの再生画面で画質の選択オプションがあったことを。既にアップロードされた動画が1280x720px以上のものであれば画質選択の設定アイコンが表示されるようです。
この画質選択オプション、埋め込みコードのパラメータとして設定できることがわかりました。
<iframe allowfullscreen="" frameborder="0" height="720" src="//www.youtube.com/embed/XzVGI1PPoq8?vq=hd1080" width="1280"></iframe>
URLに?vq=hd1080とつけるだけです。1080は画面縦方向のピクセル数で、?vq=hd720というパラメータ設定もあります。
高画質パラメータを付けた埋め込み動画です。
高画質パラメータを付けていない埋め込み動画です。
PCだと、かなり違いますよね。電車の塗装のツヤが全然違います。3Gとかではシンドイかもしれませんが、フルスクリーンで表示してもバッチリです。やっぱGoogleはスゴイ!
ということで、このブログの去年の10月くらいからの動画をひと通り高画質埋め込みに変えてみましたので、これとか、これとか、他のページの動画も改めて観ていただけると嬉しいです。
ちなみに動画は阪堺電車モ354、大阪市電色の時のものです。去年の6月にこのカラーで登場したばかりなのに、既にパン屋さんの広告に塗り替えられていて、この姿を見ることはできなくなりました。