Принудительное начало вставки YouTube в 720p - PullRequest
48 голосов
/ 28 сентября 2011

Есть несколько методов, предложенных для этого в Интернете, но ни один из них, похоже, не работает.

Например:

http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html

Эта статья озапускать его в формате 720p, но он не работает даже с собственным видео.

Кто-нибудь здесь знает, как это сделать?

Ответы [ 8 ]

109 голосов
/ 07 мая 2012

(Этот ответ был обновлен, поскольку предыдущий метод с использованием vq больше не распознается.)

Указание высоты видео соответственно изменит качество. пример для html 5;

<iframe style='width:100%; height:800px;' src='https://www.youtube.com/embed/xxxxxxxx'></iframe>

Если вы не хотите жестко задавать ширину и высоту, вы можете добавить класс в iframe для медиа-запросов CSS.

Протестировано на работающем сервере + проходит валидатор w3.org nuhtml.

19 голосов
/ 28 сентября 2011

Вы можете сделать это, добавив параметр &hd=1 к URL-адресу видео. Это заставляет видео запускаться в самом высоком разрешении, доступном для видео. Однако вы не можете специально установить его на 720p, потому что не у каждого видео есть этот hd ish.

http://www.youtube.com/watch?v=VIDEO_ID&hd=1

http://code.google.com/apis/youtube/player_parameters.html

ОБНОВЛЕНИЕ: с 2014 года HD устарела https://developers.google.com/youtube/player_parameters?csw=1#Deprecated_Parameters

6 голосов
/ 28 августа 2013

Мне удалось заставить это работать с помощью следующего исправления:

//www.youtube.com/embed/_YOUR_VIDEO_CODE_/?vq=hd720

Ваше видео должно иметь разрешение hd720, чтобы сделать это.

Я использовал встраивание через iframe,КСТАТИ.Надеюсь, кто-нибудь найдет это полезным.

6 голосов
/ 11 ноября 2012

Это пример встраивания видео, воспроизводимого в формате HD 1080.

<iframe width="560" height="315" src="http://youtube.com/v/IplDUxTQxsE&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>

Давайте разберем код: http://youtube.com/v/ video_id &vq=hd1080

Идентификатор видео для этого видео: IplDUxTQxsE вы увидите этот тип случайного кода в ссылке каждого видео YouTube.

Пока хорошо, этот трюк работает для воспроизведения видео в формате Full HD прямо на веб-страницах!

Вы также можете изменить качество на 720.&vq=hd720

3 голосов
/ 21 октября 2014

Ни одно из приведенных выше решений не работает, если ширина / высота меньше выбранного вами разрешения по качеству линии. Например, в Chrome у меня не работает следующее:

<iframe width="720" height="480" src="//youtube.com/embed/hUezoHa1ZF4?autoplay=true&rel=0&vq=hd720" frameborder="0" allowfullscreen></iframe>

Я хочу показать видео высокого качества, но не использует 1280 x 720 пикселей на веб-странице.

Когда я иду на сам YouTube, воспроизведение видео в формате 720p в окне 720x480 выглядит лучше, чем 480p при том же размере. Я хочу играть в 720p в окне 720x480 (более низкое качество). Хорошего решения пока нет, афаик.

3 голосов
/ 02 июля 2014

Первый пример ниже не работает для меня, но второй работает (в Chrome).

<iframe width="720" height="405" src="//www.youtube.com/embed/GX_c566xYcQ?rel=0&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>
<iframe width="720" height="405" src="//youtube.com/v/IplDUxTQxsE?rel=0&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>

Я полагаю, что первый использует новый проигрыватель YouTube5 YouTube, тогда как нижний (который работает) использует более старый флэш-плеер.Однако второй, похоже, не загружается правильно в Safari / Firefox и т. Д., Поэтому, вероятно, его нельзя использовать.

1 голос
/ 28 июня 2013

Если вам все еще интересно, как это сделать, добавьте: & feature = youtu.be & hd = 1 На самом деле, теперь я проверил, это работает, только когда вы отправляете URL кому-то другому, а не встраиваете.

0 голосов
/ 01 декабря 2013

Используйте это, это работает на 100% _your_videocode? Rel = 0 & vq = hd1080 "

...