我在网页上有一个嵌入式YouTube视频。在桌面上它工作正常。但是，在ipad（运行iOS7）上，视频质量相当差，可能是480p。在iframe里面它看起来很好，但是当你把视频全屏制作时它非常引人注目。我已经尝试在查询字符串中使用hd=1&vq=hd720并使用建议质量为“hd720”的cueVideoById，但都没有用。当嵌入式YouTube视频全屏显示时，是否有任何工作可以在ipad上获得更高的分辨率，或者为ipad上的嵌入式YouTube视频强制实现更高的分辨率？
答案 0 :(得分：5)
我找到了一个有效的解决方法，虽然它很不优雅。
基本上，我创建的iframe的尺寸足够大，可以获得720p的质量。 （比如制作iframe 720x440像素。）然后，我使用CSS变换将iframe缩小到我想要的大小。 CSS看起来像：
-webkit-transform-origin: left top;
-webkit-transform: scale(0.5);
其中0.5可以用任何比例替换，你必须增加iframe的大小。
从用户的角度来看，主要的缺点是缩小了视频控制。但是，在全屏模式下，控件的大小正常，用户可以全屏切换，因此对于我的团队来说，至少在提高视频质量方面的权衡是值得的。