强制 youtube 嵌入以 720p 开始

Posted

技术标签:

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

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

例如:

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

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

这里有人知道怎么做吗?

【问题讨论】:

嗯,这是针对我的网站的,没有比我能想到的更合适的地方了。我认为我在这里获得答案的机会最高。 t1gor 的答案与 TrySpace 的相同。 【参考方案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 中添加一个方便的花花公子 ?。例如:&lt;iframe width="324" height="182" src="//www.youtube.com/embed/V1234580?vq=hd720" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; 嵌入论坛帖子时无法使用此功能。例如这里:rpgmakervxace.net/topic/24781-datsville-rpg-currently-v050/…【参考方案2】:

您可以通过将参数&amp;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

【讨论】:

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

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

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

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

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

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

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

【讨论】:

【参考方案4】:

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

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

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

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

【讨论】:

【参考方案5】:

Youtube 不再支持播放质量

【讨论】:

【参考方案6】:

下面的第一个示例不适用于我,但第二个示例可以(在 Chrome 中)。

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

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

【讨论】:

【参考方案7】:

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

<iframe   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"

【讨论】:

以上是关于强制 youtube 嵌入以 720p 开始的主要内容,如果未能解决你的问题,请参考以下文章

强制为 YouTube 提供高质量缩略图

YouTube iframe 嵌入未以高清开始

Youtube iframe 嵌入:强制 Flash?

Youtube - 如何在嵌入链接/<iframe> 中强制 480p 视频质量

强制 iOS iPhone youtube 嵌入播放器退出全屏

在没有 NSNotificationCenter 的情况下,在 iOS 8 中正确强制或允许 Youtube 嵌入视频的横向模式