Safari(iOS)：嵌入 YouTube 视频始终以低质量播放答案

【问题标题】：Safari(iOS): Embed YouTube Video Always Plays In Low QualitySafari(iOS)：嵌入 YouTube 视频始终以低质量播放
【发布时间】：2016-11-15 04:26:20
【问题描述】：

我需要在我的移动电视网络应用上播放分辨率至少为 720p 的 YouTube 视频，但 safari 总是以最低质量播放它们，这太糟糕了。

我尝试了很多已经发布的解决方案，但它们似乎已经过时了。例如&vq=hd720, &hd=1, &vq=hd1080 附加到嵌入 iframe，不幸的是它不起作用。

我也尝试使用 youtube javascript api 来做这件事，真是令人惊讶，也没有运气。

我可以尝试任何其他解决方案吗？视频以 720x1280 纵向格式上传。

【问题讨论】：

【解决方案1】：

我今天遇到了这些完全相同的问题，最终想出了一些适合我特定需求的技巧。诀窍是将包装 iframe 嵌入的父元素之一的大小加倍，然后使用变换再次缩小它。例如：

.video-wrap {
  width: 200%; 
  transform: scale(0.5);
  transform-origin: left top;
}

或者，如果您想获得精确的 360、720、1080 等，您也可以为其指定精确的宽度/高度。

这个“解决方案”的唯一主要缺点是它还会缩小整个视频播放器 UI。就我而言，这是可以接受的，因为还有其他 UI 元素允许用户控制视频。

我也只将这些样式应用到基于 css 断点的较小屏幕上，因为无论如何较大的屏幕都会拉入正确分辨率的视频。

我真的希望 YouTube 最终会修复他们的 setPlaybackQuality 功能，但与此同时，我希望这对某人有所帮助。

【讨论】：