嵌入式Youtube：如何在iOS 7 ipad上获得高质量

我在网页上嵌入了youtube视频。在桌面上，它可以正常工作。然而，在ipad（运行iOS7）上，视频质量相当差，可能是480p。在iframe内部，它看起来很好，但当您使视频全屏显示时，它非常明显。我曾尝试在查询字符串中使用

hd=1&vq=hd720

，并使用建议质量为“hd720”的cueVideoById，但均无效。当嵌入的youtube视频全屏播放时，ipad上是否有提高分辨率的解决方案，或者在ipad上强制嵌入更高分辨率的youtube视频？

我找到了一个可行的解决方案，尽管它并不优雅

基本上，我创建的iframe的尺寸足够大，可以获得720p的质量。（比如将iframe设置为720x440像素。）然后，我使用CSS变换将iframe缩小到我想要的大小。CSS看起来像：

-webkit-transform-origin: left top;
-webkit-transform: scale(0.5);

其中0.5可以替换为您必须将iframe的大小增加的任何比例

从用户的角度来看，这样做的主要缺点是视频控件被缩小了。然而，在全屏模式下，控件的大小是正常的，用户可以缩小到全屏，因此对于我的团队来说，至少在提高视频质量方面进行权衡是值得的