2014-09-25 124 views
9

我有以下帧的视频,并强行要在对高品质运行先去如何强制YouTube上播放高清视频

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

我试着像HD参数= 1和VQ = HD720和vq = hd1080但我认为这些已经过时或没有功能。

请建议。 Regards

+0

https://www.youtube .com/embed/3nmnMtbzzjE?vq = hd1080 如果您尝试使用此功能,则在您按播放后,会立即开始播放。 无论如何,请检查以下问题:http://stackoverflow.com/questions/20868257/youtube-link-to-display-hd-video-by-default – Nick 2014-09-25 06:54:33

+0

不!当我玩它是在480p :( – Pramod 2014-09-25 06:55:48

+0

对不起,这是一个回放。如果您需要嵌入,请将此“&ap =%2526fmt%3D18”和“&ap =%2526fmt%3D22”嵌入到嵌入网址中。 检查此页:http://www.makeuseof.com/tag/10-youtube-url-tricks-you-should-know-about/ – Nick 2014-09-25 06:56:41

回答

3

我刚刚解决了这个问题,我正在为一个网站工作。

我已经在其中嵌入了带有youtube视频的iframe,并且令人讨厌的是,尽管我想让它们以720p自动播放,但它们仍以低分辨率自动播放。这个问题是由您的网页上的视频的实际尺寸引起的,它会触发自动选择较低分辨率的资源。

这里就是我所做的,以保持我的视频嵌入小,但有它的720p等自动播放 -

  1. 您需要添加VQ = HD720在视频ID的结尾,你干得。
  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%; 
} 
+1

准确地按照您的所有步骤...仍默认为360p :( 编辑:我认为它确实工作,但必须处理严重的缓存问题。 – 2016-07-28 15:06:46