Кажется, что ответ меняется со временем. Чтобы взглянуть на мету происходящего, кажется, что есть две общие черты желаемого эффекта.
1) Выможно попробовать и 'взломать' сам код iframe.
2) Вы можете попробовать создать контейнер, чтобы обмануть iframe, думая, что он должен отображать HD.
Давайте сделаем и то, и другое.
[УКАЗАТЕЛЬНЫЙ КОД IFRAME] Возможно, вы можете отредактировать типичную ссылку embed youtube iframe, используя действующие стандарты.Я бы порекомендовал использовать базовый размер, который в любом случае потребовал бы этого размера, и приступил бы ко второму шагу, чтобы изменить его размер.
Просмотрите текущий список, например, список h3xed , чтобы увидеть, как youtube вызывает файлы при внедрении.
Заметим, я нигде не нашел следующий код, я его обнаружил.Мне нужно вызвать видео с разрешением 720. Я искал ответ на этот вопрос, и при просмотре файла я заметил, что в качестве фактической настройки YouTube указано 720p60.Таким образом, я изменил то, что, кажется, работало прежде и достаточно точно ...
<div class="responsive-container" >
<iframe width="780" height="480"
src="https://www.youtube.com/embed/DFzUdTUaAr4?rel=0&vq=hd720p60" frameborder="0" allowfullscreen></iframe>
</div>
работал.Обратите внимание, что по сути я добавил ? Rel = 0 & vq = hd720p60 и сделал размер фрейма достаточно большим, чтобы требовать hd.
[СОЗДАНИЕ КОНТЕЙНЕРА] Это работает, потому что выпопросите YouTube получить видео более высокого качества, а затем зайдите за его спиной и измените его размер в соответствии с желаемым пространством.Хотя вы прямо спрашиваете, как встраивать, я предполагаю, что вы просите встраивать когда угодно и где угодно - не ограничиваясь гигантскими видео на странице для файлов высокого качества.
Простой адаптивный контейнер работает хорошо, так какiframes созданы для управления через CSS.Используя код, аналогичный тому, который можно найти в статье then-code-YouTube-Videos-To-Play-In-HD thenewcode , мы создаем код, который ограничивает соотношение сторон ограниченным размером.
.responsive-container {
position: relative;
padding-bottom: 53.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-container,
.responsive-container iframe {
max-width: 1280px;
max-height: 720px;
}
.responsive-container iframe {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
* Примечание: код Legacy, код которого &fmt=35, &fmt=22, or &fmt=37, работает на этом этапе для ссылок на видео.Видео YouTube открывается в этом конкретном качестве.
Также обратите внимание, что вы также должны заметить разницу в tdl между видео на YouTube и встроенными видео.Они (из моего опыта) не совместимы.* (youtube.com/embeded ... VS youtu.be/...)