Как вставить высококачественное видео с новым кодом стиля iframe YouTube

Ответ 1

О, я нашел это сейчас, вы должны поставить ?vq=hd720 в конце URL, вот так:

<iframe title="YouTube video player" width="650" height="390" src="http://www.youtube.com/embed/6X3zUh8RqbY?vq=hd720" frameborder="0" allowfullscreen></iframe>

Ответ 2

& vq = hd720 или & vq = hd1080 сделал трюк, где все остальное не удалось

Ответ 3

Следующий код сделал для меня трюк:

<iframe width="241" height="136" src="https://www.youtube.com/embed/NMG0CMkuUnA?version=3&vq=hd720" frameborder="0" allowfullscreen></iframe>

Ответ 4

Кроме того, похоже, что YouTube теперь автоматически поддерживает качество, которое, по его мнению, оптимизировано для размера встраивания, для iframe и AS3, независимо от того, установлен ли параметр HD.

Подробнее см. этот пост и .

ОБНОВЛЕНИЕ: см. ответ Джейсона Рено для хорошего метода, который позволяет явно форсировать тип качества. Я попробовал его с встроенным в HTML5 проигрывателем, и он работал, как ожидалось.

Ответ 5

Попробуйте это для конкретного качества видео.

144p: & vq = tiny

240p: & vq = small

360p: & vq = medium

480p: & vq = large

720p: & vq = hd720

пример:

<iframe width="320" height="350" src="http://www.youtube.com/embed/
HeQ39bLsoTI?autoplay=1&cc_load_policy=1&vq=tiny" frameborder="0"
allowfullscreen></iframe>

Ответ 6

Кажется, что ответ меняется со временем. Чтобы посмотреть на мета-то, что происходит, кажется, что для желаемого эффекта есть две общие особенности.

1) Вы можете попробовать и взломать сам код iframe.

2) Вы можете попробовать создать контейнер, чтобы обмануть iframe, подумав, что он должен отображать HD.

Сделайте оба.

[КОНКРЕТНЫЙ КОД IFRAME] Вы можете редактировать стандартную встраиваемую ссылку iframe iframe с использованием существующих стандартов. Я бы рекомендовал использовать базовый размер, который потребовал бы такого размера в любом случае и на втором шаге изменил бы его размер.

Найдите текущий список, например, h3xed, чтобы узнать, как вы набираете файлы во время встраивания.

Заметьте, я не нашел код в любом месте, я его обнаружил. Мне нужно вызывать видеоролики с 720. Я искал ответ на этот вопрос, и, просмотрев файл, я заметил, что он сказал 720p60 как фактический параметр youtube. Поэтому я изменил то, что, кажется, работал до и достаточно...

<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 И сделал размер iframe достаточно большим, чтобы потребовать hd.

[СОЗДАНИЕ КОНТЕЙНЕРА] Это работает, потому что вы запрашиваете youtube для видео более высокого качества, а затем забираете его обратно и изменяете его размер в соответствии с желаемым пространством. Хотя вы прямо спрашиваете, как вставлять, я предполагаю, что вы просите встраивать все и везде, где хотите, - не ограничиваясь гигантскими видео на странице для файлов высокого качества.

Простой отзывчивый контейнер хорошо работает, так как iframe контролируется с помощью CSS. Используя код, аналогичный тому, который был найден в thenewcode статье Force-Embedded-Youtube-Videos-To-Play-In-HD, мы создаем код, который ограничивает соотношение сторон к ограниченному размеру.

.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/...)