ブログにYouTubeの動画を貼り付けると、HD画質で再生できるにも関わらず、「自動」設定により360pで、表示されることがあると思います。PCで、そのようになってしまう一番の理由は、表示する画面サイズがHDサイズでないことが理由で、1366×768などを指定すると、HD画質で再生できるようになります。しかし、埋め込み動画で、そのサイズを指定することは、現実的ではないので、なんとか強制的に画質を指定しようというのが、今回の試みです。

YouTubeには、自動再生を指定したり、プレーヤーパラメータがいくつかありますが、今回は、vqというパラメータを使います。これで、画質を指定できるようになります。

例）
src = "http://www.youtube.com/embed/-mSucY5pXXU?vq=hd720"



デモ
small画質
HD1080画質

指定できる値は、highres、hd1080、hd720、large、medium、small です。highresにすると、その動画の一番高画質な品質が指定されます。注意したいのは、強制的なのでスマートフォンのような回線が弱い端末でも、指定した画質で再生されるため、そういった扱いをどうするかは検討したほうがいいでしょう。

また、この vq のパラメータは、YouTubeのマニュアルには載っていない方法のようです。YouTubeは、JavaScriptでも再生などを制御することができて、highres などのパラメータは、suggestedQualityの引数として決められているものです。（これは公式に載っています）

非公式なのが気になりますが、どうしても画質がちょっと、、という場合は、手軽にできるので使えるかもしれません。

-

【正社員募集のお知らせ】
当社では、映像制作の経験がある方を広く募集しています。自らの発想力とコミュニケーション力を映像制作の現場で発揮したい熱意ある方からのご応募をお待ちしております。
詳しくは【人材募集】のページをご覧ください。※モバイルページでご覧の方はPC版のTOPにリンクがございます。



こちらの関連記事もどうぞ！

YouTubuの動画をJavaScriptで再生制御する方法