如何使用新的YouTube iframe样式代码嵌入高品质视频

Question

我正在使用youtubes新的iframe代码嵌入视频，但视频质量低于我在youtube上观看时的质量。有没有办法嵌入高质量的视频？

我的代码目前是

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

Answer 1

＆vq = hd720或＆vq = hd1080做了其他所有失败的技巧

Answer 2

以下代码为我做了诀窍：

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

Answer 3

此外，无论是否设置了HD参数，YouTube现在似乎都会自动提供它认为针对iframe和AS3的嵌入大小进行优化的质量。

有关更多信息，请参阅this post和this。

更新：请参阅Jason Renaud's answer以获得一个允许显式强制质量类型的好方法。我尝试使用HTML5嵌入式播放器，它按预期工作。

Answer 4

试试这个特定的视频质量..

144p：＆vq = tiny

240p：＆vq =小

360p：＆vq = medium

480p：＆vq = large

720n：＆gt; = 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>

Answer 5

似乎答案随着时间而变化。要查看正在发生的事情，似乎对期望的效果有两个共性。

1）您可以尝试“破解”iframe代码本身。

2）您可以尝试创建一个容器来欺骗iframe，使其认为它应该显示HD。

我们两个都做。

[特定的IFRAME代码]您可以使用当前标准编辑典型的嵌入式iftube iframe链接。我建议使用一个基本大小，无论如何都需要这个大小，然后继续第二步来调整大小。

查找当前列表，例如h3xed上的列表，以查看youtube在嵌入时调用文件的方式。

值得注意的是，我没有在任何地方找到以下代码，我发现了它。我需要调用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大小足以要求高清。

[创建一个容器]这是有效的，因为你要求youtube获得更高质量的视频，然后回到它后面并调整它以适应你想要的空间。虽然你直接询问如何嵌入，但我假设你要求随时随地嵌入 - 不限于页面上的巨型视频以获得高质量的文件。

一个简单的响应容器运行良好，因为iframe是通过CSS控制的。使用类似于在newcode的Force-Embedded-Youtube-Videos-To-Play-In-HD article上找到的代码，我们创建了一个将宽高比限制为有限大小的代码。

.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视频以此特定质量打开。

另请注意，您还必须注意到YouTube视频和嵌入视频之间的tdl差异。它们（根据我的经验）不是交叉兼容的。 *（youtube.com/embeded ... VS youtu.be / ...）

Answer 6

哦，我发现它现在你必须把?vq=hd720放在网址的末尾，如下所示：

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