YouTubeの埋め込み動画のサイズがおかしい

はてなダイアリーにはhttp記法を使って楽にYouTubeのプレーヤーを埋め込みできるのだが、プレーヤーのサイズがおかしい。比率が変だ。
仮に「:w640」と幅(width)を640ピクセルに指定する。この場合「:h***」は指定できない。幅か高さどちらか一方のみしか指定できない仕様だ。このときはてなダイアリーでは高さ(height)は493ピクセルに決めうちになる。
本来16:9のワイド画像では高さ385(動画部分360+コントロール部分25ピクセル)、4:3画像では高さ505(動画部分480+コントロール部分25ピクセル)であるべきなのに、493ピクセルではどちらにも適さない。ワイド画像では上下に黒幕が、4:3画像では左右に黒幕が入ってしまう。

http記法の「:movie」指定を使って動画を紹介する際に、再生プレーヤーのサイズを変更できるようになりました。これまでニコニコ動画の貼り付けではサイズ指定が可能でしたが、新しくYouTube、GoogleVideo、AmebaVisionの動画貼り付けの際にもサイズを指定できるようなりました。

http記法での埋め込みプレーヤー(上下に黒幕)


YouTube謹製の埋め込みコードを使った場合(サイズぴったし)


YouTube謹製の埋め込みコードソース

<object width="640" height="385">
<param name="movie" value="http://www.youtube.com/v/qcb3mH-JsKI&hl=ja_JP&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/qcb3mH-JsKI&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
</object>

結論

http記法を使ってYouTubeの動画を貼るのはやめようかな。プレーヤーのサイズが変なので。YouTube謹製の埋め込みコードをはてなダイアリーに貼るときは、

  • HDで再生するチェックは入れない
  • プレーヤーの色は変えれない
  • 境界線の表示も無理

の3点に注意しなくてはならない。