Как заставить YouTube загружать HD-видео

У меня есть видео ниже в youtube iframe и я хочу сразу запустить его на высоком качестве

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

Я пробовал параметры, такие как hd = 1 и vq = hd720 и vq = hd1080 Но я думаю, что они устарели или не работают.

Пожалуйста, предложите. С уважением

Ответ 1

Я просто решил эту проблему для веб-сайта, над которым я работал.

У меня есть встроенные фреймы с видео YouTube в них, и они, досадно, автоматически воспроизводятся с низким разрешением, несмотря на то, что я хочу, чтобы они автоматически играли на 720p. Эта проблема вызвана фактическим размером видео на вашей странице, которое обнаруживается YouTube, что приведет к автоматическому выбору более низкого разрешения.

Вот что я сделал, чтобы мое видео встраивалось маленьким, но оно автоматически воспроизводится на 720p и т.д. -

  • Вам нужно добавить? vq = hd720 в конце вашего идентификатора видео, как вы это сделали.
  • Вручную установите ширину iframe в ширину = "1280" height = "720", что сделает видео огромным на вашем сайте.
  • Оберните iframe в div и дайте ему селектор классов, чтобы вы могли его стиль с помощью CSS.
  • Используйте CSS, чтобы сообщить своей обертке div размер, который вам действительно нужен.
  • Используйте 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%;
}