嵌入式Youtube:如何在iOS 7 ipad上获得高品质

Question

我在网页上有一个嵌入式YouTube视频.在桌面上它工作正常.但是,在ipad(运行iOS7)上,视频质量相当差,可能是480p.在iframe里面它看起来很好,但是当你把视频全屏制作时它非常引人注目.我尝试hd=1&vq=hd720在查询字符串中使用cueVideoById,建议质量为'hd720',但都没有用.当嵌入式YouTube视频全屏显示时,是否有任何工作要么在ipad上获得更高分辨率,要么在ipad上强制嵌入YouTube视频的更高分辨率？

Answer 1

我找到了一个有效的解决方法,虽然它不优雅.

基本上,我创建的iframe的尺寸足够大,可以获得720p的质量.(比如制作iframe 720x440像素.)然后,我使用CSS变换将iframe缩小到我想要的大小.CSS看起来像:

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

其中0.5可以用任何比例替换,你必须增加iframe的大小.

从用户的角度来看,主要的缺点是视频控件按比例缩小.但是,在全屏模式下,控件的大小正常,用户可以全屏显示,因此对于我的团队来说,至少在提高视频质量方面的权衡是值得的.