Youtube iFrame API setPlaybackQuality 在移动设备上被忽略

Question

我正在尝试设置 YouTube iframe API 以播放质量较低的全高清视频。我的目标是节省移动设备的带宽并减少加载时间。我的 HTML 结构是经典的播放器 div，加上一个用于消息的调试 div。

HTML

<div id="debug"></div>

<div id="your_video_id">
  <div id="player"></div>
</div>

我尝试在播放器准备好后立即调用setPlaybackQuality，以避免移动用户在缓冲上浪费时间（正如post 中所建议的那样）。我还在“缓冲”和“播放”状态下都调用了它。当质量发生变化时，调试内容会更新为实际播放质量。

JAVASCRIPT

/* Trigger player ready */
function onPlayerReady(event) 
{
    player.setPlaybackQuality("small");
}

/* Detect playback quality changes */
function onQualityChange(event) 
{
    document.getElementById("debug").innerHTML = event.data;
}

/* Trigger player events */
function onPlayerStateChange(event) 
{
    if (event.data == YT.PlayerState.BUFFERING) 
    {
        player.setPlaybackQuality("small");
    }

    if (event.data == YT.PlayerState.PLAYING) 
    {
        player.setPlaybackQuality("small");
    }
}

代码似乎可以在桌面上运行（调试正确设置为“小”），但在移动设备上被忽略（调试设置为“大”，在 Android 4.2.2 上测试）。有解决办法吗？

Answer 1

我发现的解决方法是创建没有videoId 的播放器，不要在其他任何地方调用setPlaybackQuality，而是在onReady 处理程序中调用loadVideoById(videoId, 0, desiredQuality)。在测试时，这在 Android 和 iOS 上都得到了尊重，在 Android 和桌面上调用 onPlaybackQualityChanged 一次质量正确，在 iOS 上调用两次，从不将质量更改为更高或更低。

很遗憾，如果您通过了视频中没有的任何质量，它将强制为“中等”。请注意这一点。此外，这不太可能打破 API 在 iOS 上所做的任何质量上限，以防止在 3G/4G/LTE 网络上使用无关数据。

Answer 2

现在是 2020 年，YouTube 已弃用 setPlaybackQuality 函数。

目前无法强制嵌入视频的播放质量。即使将播放器设置为 144px 宽度似乎也不再起作用了。