如何强制youtube播放高清视频

Pra*_*mod 10 html youtube video youtube-api

我有以下视频,并且强烈想要先在高品质上运行它

https://www.youtube.com/embed/3nmnMtbzzjE

我试过像hd = 1和vq = hd720和vq = hd1080这样的参数但是我觉得它们已经过时或者没有功能.

请建议.问候

小智 3

我刚刚为我正在开发的一个网站解决了这个问题。

我在 iframe 中嵌入了 YouTube 视频,令人烦恼的是,尽管我希望它们以 720p 自动播放,但它们还是以低分辨率自动播放。此问题是由于 YouTube 检测到您页面上视频的实际大小而导致的,这会触发自动选择较低的分辨率。

这是我为了保持视频嵌入较小而所做的事情,但让它在 720p 等上自动播放 -

  1. 您需要在视频 ID 末尾添加 ?vq=hd720,就像您所做的那样。
  2. 手动将 iframe 宽度设置为 width="1280" height="720" - 这将使您网站上的视频变得很大。
  3. 将 iframe 包裹在 div 中并为其指定一个类选择器,以便您可以使用 css 对其进行样式设置。
  4. 使用 CSS 告诉您的 div 包装器为您实际想要的视频大小。
  5. 使用 CSS 设置 iframe 宽度:100% 和高度:100%。

此代码基本上会将视频大小设置为您希望其自动播放的分辨率,这将诱骗 YouTube 为您进行设置。然后 CSS 动态地将视频大小调整为您需要的任何实际大小。

这就是全部内容了:)

代码示例:

超文本标记语言

<div class="youtube-embed">
    <iframe width="1280" height="720" src="https://www.youtube.com/embed/VIDEOID?vq=hd720" frameborder="0" allowfullscreen></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.youtube-embed {
    width  : 740px;
    height : 400px;
}

.youtube-embed iframe {
    width  : 100%;
    height : 100%;
}
Run Code Online (Sandbox Code Playgroud)