强制youtube嵌入以720p开始

时间:2011-09-28 11:13:12

标签: html youtube embed

有一些方法建议在线进行此操作,但似乎没有一种方法可行。

例如:

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

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

这里有人知道怎么做吗?

10 个答案:

答案 0 :(得分:109)

(此答案已更新,因为之前使用vq的方法无法识别。)

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

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

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

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

答案 1 :(得分:19)

您可以通过向视频网址添加参数&hd=1来执行此操作。这会强制视频以可用于视频的最高分辨率开始。但是你不能专门将它设置为720p,因为不是每个视频都有hd 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

答案 2 :(得分:6)

这是以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

答案 3 :(得分:6)

我通过以下修复设法实现了这项工作:

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

你的视频应该有hd720分辨率。

我正在使用嵌入式iframe,BTW。希望有人会觉得这很有用。

答案 4 :(得分:4)

Youtube不再支持播放质量

Youtube doesn't support playback quality anymore

答案 5 :(得分:3)

下面的第一个示例对我不起作用,但第二个示例(在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等中正确加载,因此可能无法使用。

答案 6 :(得分:3)

如果宽度/高度小于您选择的质量线分辨率,则上述解决方案似乎都不起作用。 例如,以下内容在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(下采样质量更好)。还没有好的解决方案。

答案 7 :(得分:1)

如果您仍然想知道如何操作,请添加:&amp; feature = youtu.be&amp; hd = 1 实际上现在我检查过,这只适用于你将URL发送给其他人,而不是嵌入。

答案 8 :(得分:0)

使用它,它可以100%_your_videocode?rel = 0&amp; vq = hd1080“

答案 9 :(得分:0)

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 分辨率之后。