【问题标题】：Embedded Youtube: How to get high quality on iOS 7 ipad嵌入式 Youtube：如何在 iOS 7 ipad 上获得高质量
【发布时间】：2014-04-28 04:14:18
【问题描述】：
我在网页上嵌入了 youtube 视频。在桌面上它工作正常。但是，在 ipad（运行 iOS7）上，视频质量相当差，可能是 480p。在 iframe 内部看起来不错，但是当您将视频设为全屏时，它会非常明显。我曾尝试在查询字符串中使用hd=1&vq=hd720，并使用建议质量为“hd720”的 cueVideoById，但均未奏效。是否有任何变通方法可以在将嵌入的 youtube 视频全屏制作时在 ipad 上获得更高的分辨率，或者为 ipad 上的嵌入式 youtube 视频强制更高的分辨率？
【问题讨论】：
标签：
ipad
iframe
ios7
youtube
youtube-api
【解决方案1】：
我找到了一种可行的解决方法，尽管它并不优雅。
基本上，我创建的 iframe 尺寸足以获得 720p 质量。 （例如将 iframe 设置为 720x440 像素。）然后，我使用 CSS 变换将 iframe 缩小到我想要的大小。 CSS 看起来像这样：
-webkit-transform-origin: left top;
-webkit-transform: scale(0.5);
其中 0.5 可以替换为您必须将 iframe 的大小增加的任何比例。
从用户的角度来看，这样做的主要缺点是视频控件按比例缩小。但是，在全屏模式下，控件是正常大小，用户可以将手指放大到全屏，因此对于我的团队来说，至少在提高视频质量方面进行权衡是值得的。