【问题标题】:How to force youtube to play HD videos [closed]如何强制 youtube 播放高清视频 [关闭]
【发布时间】:2014-11-19 20:40:33
【问题描述】:

我在 youtube iframe 中有以下视频,并强烈希望一开始就以高质量运行它

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

我尝试了 hd=1 和 vq=hd720 和 vq=hd1080 等参数,但我认为这些参数已经过时或没有功能。

请提出建议。 问候

【问题讨论】:

标签: html video youtube youtube-api


【解决方案1】:

YouTube 可能会根据您的窗口大小改变播放质量。见这篇文章:http://demosthenes.info/blog/717/Force-Embedded-YouTube-Videos-To-Play-In-HD

【讨论】:

    【解决方案2】:

    请看这篇文章: http://www.reddit.com/r/youtube/comments/2fckq3/did_youtube_disable_hdlinking_adding_hd1_at_the/

    看来你可以使用vq=1080来建议使用高清视频,但是只有视频窗口足够大时才会使用高清

    【讨论】:

      【解决方案3】:

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

      我嵌入了带有 youtube 视频的 iframe,尽管我希望它们以 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 会动态调整视频的大小,使其成为您需要的任何实际大小。

      这就是它的全部内容:)

      代码示例:

      HTML

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

      CSS

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

      【讨论】:

      • 准确地遵循了你的所有步骤......仍然默认为 360p :( 编辑:我认为它确实有效,但必须处理严重的缓存问题。
      猜你喜欢
      • 2012-09-25
      • 1970-01-01
      • 2012-12-13
      • 2016-06-24
      • 1970-01-01
      • 2013-10-29
      • 1970-01-01
      • 2015-03-20
      • 2014-04-10
      相关资源
      最近更新 更多