我正在尝试设置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进行测试).是否有解决方案？
