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

Question

我试图设置YouTube iframe API播放低质量的FullHD视频。我的目标是节省移动设备的带宽并缩短加载时间。我的HTML结构是古典播放器div，加上消息的调试div。

HTML

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

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

我试图尽快调用setPlaybackQuality为玩家准备好，以避免移动用户在缓冲浪费时间（如本post建议）。我也在“BUFFERING”和“PLAYING”状态中调用它。质量改变时，调试内容会以实际播放质量进行更新。

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其他地方，但拨打loadVideoById(videoId, 0, desiredQuality)您onReady处理器内部。这在测试时在Android和iOS上都得到了尊重，在Android和桌面上拨打onPlaybackQualityChanged时拨打的号码质量正确一次，在iOS上拨打电话号码为两次，绝不会将质量更改为更高或更低。

不幸的是，如果您传递视频中没有的任何质量，它将强制“中等”。请注意这一点。此外，这不太可能破坏API在iOS上执行的任何质量上限，以防止3G/4G/LTE网络上无关的数据使用。