Question

我需要在我的移动电视网络应用上播放至少720p分辨率的YouTube视频，但Safari会以最低的质量播放它们，这很糟糕。

我尝试了很多已经发布的解决方案，但它们似乎已经过时了。例如&vq=hd720，&hd=1，&vq=hd1080附加到嵌入式iframe，遗憾的是它无效。

我也尝试用youtube javascript api来做，这真是一个惊喜，也没有运气。

我可以尝试其他任何解决方案吗？视频以纵向格式720x1280上传。

Answer 1

我今天遇到了这些完全相同的问题，最终提出了一些针对我的特定需求的黑客攻击。诀窍是将包含iframe嵌入的父元素之一的大小加倍，然后使用变换再次缩小它。例如：

.video-wrap {
  width: 200%; 
  transform: scale(0.5);
  transform-origin: left top;
}

或者，如果您尝试获得360,720,1080等，也可以为其指定精确的宽度/高度。

这个＆＃34;解决方案＆＃34;唯一的主要缺点是它还将缩小整个视频播放器UI。在我的情况下，这是可以接受的，因为还有其他UI元素允许用户控制视频。

我也只是根据css断点将这些样式应用于较小的屏幕，因为较大的屏幕无论如何都会提取正确的分辨率视频。

我真的希望YouTube最终会修复他们的setPlaybackQuality功能，但与此同时，我希望这可以帮助别人。