it-swarm-ru.tech

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

Я использую youubees новый код iframe для встраивания видео, но качество видео кажется ниже, чем если бы я смотрел их на youtube. Есть ли способ встроить видео высокого качества?

Мой код на данный момент 

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

& vq = hd720 или & vq = hd1080 добились цели, где все остальное не удалось

32
Jason Renaud

Следующий код помог мне:

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

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

144p: & vq = крошечный

240p: & vq = маленький 

360p: & vq = средний 

480p: & vq = большой

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>
2
Ravat Parmar

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

Смотрите этот пост , и это для получения дополнительной информации.

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

2
Tyson Phalp

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

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

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

Давайте сделаем оба.

[УКАЗАТЕЛЬНЫЙ КОД IFRAME] Вы можете отредактировать типичную ссылку iframe embed youtube, используя текущие стандарты. Я бы порекомендовал использовать базовый размер, который в любом случае потребовал бы этот размер, и приступил бы ко второму шагу, чтобы изменить его размер. 

Посмотрите текущий список, например, в 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. Используя код, подобный тому, который можно найти в статье -ewasecode 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%;
}

* Примечательно: на этом этапе работает код '&fmt=35, &fmt=22, or &fmt=37' 'Legacy' для ссылок на видео. Видео YouTube открывается в этом конкретном качестве. 

Также обратите внимание, что вы также должны заметить разницу в tdl между видео на YouTube и встроенными видео. Они (из моего опыта) не совместимы между собой. * (youtube.com/embeded ... VS youtu.be/...)

1
systemaddict