我在一个网页上嵌入了一个youtube视频。在桌面上,它工作得很好。然而,在ipad(运行iOS7)上,视频质量相当差,可能是480p。在iframe内,它看起来很好,但是当你把视频做成全屏时,它就非常明显了。我试过在查询字符串中使用hd=1&vq=hd720
,并使用cueVideoById,建议质量为"hd720",但都不起作用。当嵌入的youtube视频全屏播放时,有没有办法在ipad上获得更高的分辨率,或者在ipad上强制嵌入的youtube视频更高的分辨率?
我找到了一个可以工作的解决方法,尽管它很难做到优雅。
基本上,我创建了一个尺寸足够大的iframe,以获得720p的质量。(例如将iframe设置为720x440像素。)然后,我使用CSS变换将iframe缩小到我想要的大小。CSS看起来像这样:-webkit-transform-origin: left top;
-webkit-transform: scale(0.5);
0.5可以替换为任何你需要增加iframe大小的比例。
从用户的角度来看,主要的缺点是视频控制被缩小了。然而,在全屏模式下,控件是正常大小,用户可以缩到全屏,所以至少对我的团队来说,提高视频质量的代价是值得的。