强制 youtube 嵌入以 720p 开始答案

【问题标题】：Force youtube embed to start in 720p强制 youtube 嵌入以 720p 开始
【发布时间】：2011-11-26 19:05:21
【问题描述】：

建议在线执行此操作的一些方法，但似乎都不起作用。

例如：

http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html

那篇文章是关于让它以 720p 开始，但它甚至不适用于他们自己的视频。

这里有人知道怎么做吗？

【问题讨论】：

嗯，这是针对我的网站的，没有比我能想到的更合适的地方了。我认为我在这里获得答案的机会最高。
t1gor 的答案与 TrySpace 的相同。

标签： html youtube embed

【解决方案1】：

（此答案已更新，因为之前使用 vq 的方法不再被识别。）

指定视频的高度会相应地改变质量。 html 5 示例；

<iframe style='width:100%; height:800px;' src='https://www.youtube.com/embed/xxxxxxxx'></iframe>

如果您不想硬编码宽度和高度，您可以向 iframe 添加一个类以进行 css 媒体查询。

在工作服务器上测试 + 通过 w3.org nuhtml 验证器。

【讨论】：

谢谢，效果很好。但似乎你甚至不需要高清，&vq=hd1080 为我工作
虽然没有在 youtube 播放器文档中记录，但它可以工作。顺便说一句，另一个建议 &hd=1 已被弃用，并且不适用于最新的 iframe 嵌入代码。
这在查看存储在 Google Drive 中的视频时同样有效 - 您甚至可以将 ?vq=hd720 或 ?vq=hd1080 添加到您共享的文件夹的 URL 中，并且所有视频都在默认情况下会以高清模式打开。
默认嵌入在查询字符串中可能没有任何内容，所以不要忘记在您的源 URL 中添加一个方便的花花公子 ?。例如：<iframe width="324" height="182" src="//www.youtube.com/embed/V1234580?vq=hd720" frameborder="0" allowfullscreen></iframe>
嵌入论坛帖子时无法使用此功能。例如这里：rpgmakervxace.net/topic/24781-datsville-rpg-currently-v050/…

【解决方案2】：

您可以通过将参数&hd=1 添加到视频网址来实现此目的。这会强制视频以视频可用的最高分辨率开始。但是，您不能将其专门设置为 720p，因为并非每个视频都有这种高清 ish。

http://www.youtube.com/watch?v=VIDEO_ID&hd=1

http://code.google.com/apis/youtube/player_parameters.html

更新：截至 2014 年，不推荐使用 hd https://developers.google.com/youtube/player_parameters?csw=1#Deprecated_Parameters

【讨论】：

是一样的。如果您的嵌入添加了&hd=1，它将以尽可能高的分辨率启动。
不，它确实适用于链接。像这样：youtube.com/v/l9Cg5rlSe28&hd=1 但它不适用于对象嵌入。我会尝试 iframe 嵌入，看看它是否有所作为。
好的，我让它像这样工作：<iframe width="853" height="480" src="http://www.youtube.com/v/l9Cg5rlSe28&hd=1" frameborder="0" allowfullscreen></iframe>

【解决方案3】：

这是以 HD 1080 播放的视频的嵌入示例。

<iframe width="560" height="315" src="http://youtube.com/v/IplDUxTQxsE&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>

让我们分解代码：http://youtube.com/v/video_id&vq=hd1080

该视频的视频 ID：IplDUxTQxsE 您将在每个 YouTube 视频的链接中看到这种类型的随机代码。

到目前为止一切顺利，这个技巧适用于直接在网页上播放全高清视频！

您也可以将质量更改为 720。 &vq=hd720

【讨论】：

【解决方案4】：

我已通过以下修复设法使其正常工作：

//www.youtube.com/embed/_YOUR_VIDEO_CODE_/?vq=hd720

您的视频应该具有 hd720 分辨率。

顺便说一句，我通过 iframe 使用嵌入。希望有人会觉得这很有帮助。

【讨论】：

【解决方案5】：

Youtube 不再支持播放质量

【讨论】：

【解决方案6】：

下面的第一个示例不适用于我，但第二个示例可以（在 Chrome 中）。

<iframe width="720" height="405" src="//www.youtube.com/embed/GX_c566xYcQ?rel=0&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>
<iframe width="720" height="405" src="//youtube.com/v/IplDUxTQxsE?rel=0&vq=hd1080" frameborder="0" allowfullscreen="1"></iframe>

我相信第一个使用新的 HTML5 youtube 播放器，而底部的（可以使用）使用旧的 Flash 播放器。但是，第二个似乎无法在 Safari/Firefox 等中正确加载，因此可能无法使用。

【讨论】：

【解决方案7】：

如果宽度/高度小于您选择的质量线分辨率，上述解决方案似乎都不起作用。例如，以下内容在 Chrome 中对我不起作用：

<iframe width="720" height="480" src="//youtube.com/embed/hUezoHa1ZF4?autoplay=true&rel=0&vq=hd720" frameborder="0" allowfullscreen></iframe>

我想展示高质量的视频，但不在网页上用完 1280 x 720 像素。

当我访问 youtube 时，在 720x480 的窗口中播放 720p 视频看起来比在相同尺寸下播放 480p 的视频要好。我想在 720x480 窗口中播放 720p（下采样质量更好）。目前还没有好的解决方案。

【讨论】：

【解决方案8】：

如果您仍然想知道如何操作，请添加：&feature=youtu.be&hd=1 实际上现在我检查了，这仅在您将 URL 发送给其他人时才有效，而不是在嵌入时。

【讨论】：

【解决方案9】：

2021 这是我的有效答案。

https://youtube.com/embed/ZkTzXrczk5M?vq=hd720p;feature=oembed&amp;controls=0&amp;hd=1&amp;modestbranding=1&amp;autohide=1&amp;showinfo=0

秘诀在于放置一个“p”，例如?vq=hd720p 不是 ?vq=hd720，在 src 上你想要的分辨率之后。

【讨论】：

【解决方案10】：

使用这个，它 100% 有效 _your_videocode?rel=0&vq=hd1080"

【讨论】：