web-dev-qa-db-ja.com

YouTubeにHDビデオを再生させる方法

私はyoutubeiframeに以下のビデオを持っていて、最初は高品質で強制的に実行したいと思っています

https://www.youtube.com/embed/3nmnMtbzzjE

Hd = 1、vq = hd720、vq = hd1080などのパラメーターを試しましたが、これらは古くなっているか、機能していないと思います。

提案してください。よろしく

htmlvideoyoutubeyoutube-api
10
Pramod

作業中のWebサイトでこの問題を解決しました。

YouTubeビデオを含むiframeを埋め込んだのですが、720pで自動再生したいのに、迷惑なことに低解像度で自動再生されました。この問題は、ページ上の動画の実際のサイズがYouTubeによって検出され、低解像度の自動選択がトリガーされることが原因で発生します。

これが私のビデオの埋め込みを小さく保つために私がしたことですが、720pなどで自動再生します-

  1. 行ったように、ビデオIDの最後に？vq = hd720を追加する必要があります。
  2. Iframeの幅をwidth = "1280" height = "720"に手動で設定します。これにより、サイトでビデオが巨大になります。
  3. Iframeをdivでラップし、クラスセレクターを指定して、cssでスタイルを設定できるようにします。
  4. CSSを使用して、divラッパーに実際にビデオにしたいサイズになるように指示します。
  5. CSSを使用して、iframeの幅：100％と高さ：100％を設定します。

このコードは基本的に、自動再生する解像度のビデオサイズに設定します。これにより、YouTubeがだましてこれを設定します。次に、CSSはビデオのサイズを動的に変更して、必要な実際のサイズにします。

そして、それがすべてです:)

コード例：

[〜＃〜] html [〜＃〜]

<div class="youtube-embed">
    <iframe width="1280" height="720" src="https://www.youtube.com/embed/VIDEOID?vq=hd720" frameborder="0" allowfullscreen></iframe>
</div>

[〜＃〜] css [〜＃〜]

.youtube-embed {
    width  : 740px;
    height : 400px;
}

.youtube-embed iframe {
    width  : 100%;
    height : 100%;
}
3
Zupecki

YouTubeは、ウィンドウサイズに基づいて再生の品質を変更している可能性があります。この記事を参照してください： http://demosthenes.info/blog/717/Force-Embedded-YouTube-Videos-To-Play-In-HD

1
Eddie Caplan

Plsはこの記事を参照してください： http://www.reddit.com/r/youtube/comments/2fckq3/did_youtube_disable_hdlinking_adding_hd1_at_the/

vq = 1080を使用してHDビデオの使用を提案できるようですが、HDは、ビデオウィンドウが十分に大きい場合にのみ使用されます。

1
John the Traveller