#html #youtube #embed
#HTML #YouTube #Внедрить
Вопрос:
Для этого в Интернете предлагается несколько методов, но, похоже, ни один из них не работает.
Например:
http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html
В этой статье рассказывается о том, как запустить его в формате 720p, но это даже не работает с их собственным видео.
Кто-нибудь здесь знает, как это сделать?
Комментарии:
1. Ну, это для моего сайта, и я не мог придумать более подходящего места для запроса. Я предположил, что у меня самые высокие шансы получить ответ здесь.
2. ответ t1gor был таким же, как у TrySpace.
Ответ №1:
(Этот ответ был обновлен, так как предыдущий метод использования vq
больше не распознается.)
Указание высоты видео соответствующим образом изменит качество. пример для html 5;
<iframe style='width:100%; height:800px;' src='https://www.youtube.com/embed/xxxxxxxx'></iframe>
Если вы не хотите жестко кодировать ширину и высоту, вы можете добавить класс в iframe для медиазапросов css.
Протестировано на рабочем сервере проходит w3.org валидатор nuhtml.
Комментарии:
1. Спасибо, это работает отлично. Но, похоже, вам даже не нужен hd, amp;vq= hd1080 сработал для меня
2. Это работает, хотя и не задокументировано в документе youtube player. Кстати, другое предложение amp;hd=1 устарело и не работает с последним кодом встраивания iframe.
3. Это также работает при просмотре видео, хранящихся на Google Диске — вы даже можете добавить ?vq = hd720 или ?vq = hd1080 к URL-адресу папки, к которой вы предоставили общий доступ, и все видео там будут открываться в формате HD по умолчанию.
4. В строке запроса для встраивания по умолчанию может ничего не быть, поэтому не забудьте добавить удобный dandy
?
к вашему исходному URL. Например:<iframe width="324" height="182" src="//www.youtube.com/embed/V1234580?vq=hd720" frameborder="0" allowfullscreen></iframe>
5. Я не могу заставить это работать при встраивании в сообщение на форуме. Например, здесь: rpgmakervxace.net/topic/24781-datsville-rpg-currently-v050 /…
Ответ №2:
Вы можете сделать это, добавив параметр amp;hd=1
к URL-адресу видео. Это заставляет видео запускаться в самом высоком разрешении, доступном для видео. Однако вы не можете специально установить для него значение 720p, потому что не каждое видео имеет этот HD-формат.
http://code.google.com/apis/youtube/player_parameters.html
ОБНОВЛЕНИЕ: с 2014 года hd устарел https://developers.google.com/youtube/player_parameters?csw=1#Deprecated_Parameters
Комментарии:
1. Это то же самое. Если вы добавляете встраивание
amp;hd=1
, оно запускается в максимально возможном разрешении.2. Нет, это работает со ссылками. вот так: youtube.com/v/l9Cg5rlSe28amp;hd=1 но это не работает при встраивании объектов. Я попробую встроить iframe и посмотрю, имеет ли это значение.
3. Хорошо, я заставил это работать так:
<iframe width="853" height="480" src="http://www.youtube.com/v/l9Cg5rlSe28amp;hd=1" frameborder="0" allowfullscreen></iframe>
Ответ №3:
Комментарии:
1. эту информацию также можно найти здесь developers.google.com/youtube/iframe_api_reference
Ответ №4:
Это пример встраивания видео, воспроизводимого в формате HD 1080.
<iframe width="560" height="315" src="http://youtube.com/v/IplDUxTQxsEamp;vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>
Давайте разберем код: http://youtube.com/v/
video_id
amp;vq=hd1080
Идентификатор видео для этого видео: IplDUxTQxsE вы увидите этот тип случайного кода в ссылке каждого видео на YouTube.
Пока все хорошо, этот трюк работает для воспроизведения видео в формате Full HD прямо на веб-страницах!
Вы также можете изменить качество на 720. amp;vq=hd720
Ответ №5:
Мне удалось заставить это работать с помощью следующего исправления:
//www.youtube.com/embed/_YOUR_VIDEO_CODE_/?vq=hd720
Для этого у вашего видео должно быть разрешение hd720.
Кстати, я использовал встраивание через iframe. Надеюсь, кто-то найдет это полезным.
Ответ №6:
Первый приведенный ниже пример у меня не работает, но второй работает (в Chrome).
<iframe width="720" height="405" src="//www.youtube.com/embed/GX_c566xYcQ?rel=0amp;vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>
<iframe width="720" height="405" src="//youtube.com/v/IplDUxTQxsE?rel=0amp;vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>
Я полагаю, что первый использует новый HTML5-проигрыватель YouTube, тогда как нижний (который работает) использует более старый flash Player. Тем не менее, второй, похоже, неправильно загружается в Safari / Firefox и т. Д., Поэтому, Вероятно, его нельзя использовать.
Ответ №7:
2021 вот мой ответ, который работает.
https://youtube.com/embed/ZkTzXrczk5M?vq=hd720p;feature=oembedamp;amp;controls=0amp;amp;hd=1amp;amp;modestbranding=1amp;amp;autohide=1amp;amp;showinfo=0
Секрет заключается в размещении буквы «p», например ?vq= hd720p, а не ?vq= hd720, после желаемого разрешения в src.
Ответ №8:
Ни одно из вышеперечисленных решений, похоже, не работает, если ширина / высота меньше разрешения строки выбранного вами качества. Например, следующее не работает для меня в Chrome:
<iframe width="720" height="480" src="//youtube.com/embed/hUezoHa1ZF4?autoplay=trueamp;rel=0amp;vq=hd720" frameborder="0" allowfullscreen></iframe>
Я хочу показывать видео высокого качества, но не использовать 1280 x 720 пикселей на веб-странице.
Когда я захожу на сам YouTube, воспроизведение видео 720p в окне 720×480 выглядит лучше, чем 480p при том же размере. Я хочу воспроизводить 720p в окне 720×480 (с уменьшенной дискретизацией лучшего качества). Пока нет хорошего решения afaik.
Ответ №9:
Если вам все еще интересно, как это сделать, добавьте: amp;feature=youtu.beamp;hd=1 На самом деле, теперь я проверил, это работает только тогда, когда вы отправляете URL кому-то другому, а не при встраивании.
Ответ №10:
Используйте это, оно работает на 100% _your_videocode?rel = 0amp; vq = hd1080 «