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

Question

如何为iframed Youtube视频强制480p视频质量？

示例代码:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FqRgAs0SOpU" frameborder="0" allowfullscreen></iframe>

Answer 1

将以下参数附加到Youtube-URL:

144p:&vq = tiny
240p:&vq = small
360p:&vq = medium
480p:&vq = large
720p:&vq = hd720

例如:

src="http://www.youtube.com/watch?v=oDOXeO9fAg4"

变为:

src="http://www.youtube.com/watch?v=oDOXeO9fAg4&vq=large"

Answer 2

您还可以使用1080高清值:

240p:&vq = small,360p:&vq = medium,480p:&vq = large,720p:&vq = hd720,&vq = hd1080

Answer 3

您可以使用YouTube JavaScript 播放器 API，该 API 本身具有设置播放质量的功能。

player.setPlaybackQuality(suggestedQuality:String):Void

此功能设置当前视频的建议视频质量。该函数使视频以新质量在当前位置重新加载。如果播放质量确实发生变化，则只会针对正在播放的视频发生变化。调用此函数并不能保证播放质量实际上会改变。但是，如果播放质量确实发生变化，则会触发 onPlaybackQualityChange 事件，并且您的代码应该响应该事件，而不是调用 setPlaybackQuality 函数。[来源]