我有完全相同的问题和解决方法。我认为正在发生的事情是 YouTube 只允许基于显示器的实际大小的质量级别，所以除非你的视频高 720 像素，否则你不能在实际播放之前默认为 720p。然后用户控制开始，YouTube 不再是一个混蛋。


编辑

刚刚取得突破：如果您使用事件 3（缓冲）而不是事件 5（播放），则用户不会出现卡顿现象。一旦开始加载，质量就会改变。唯一奇怪的是你还需要在 onPlayerReady 中设置它，否则它不起作用。

function onPlayerReady(event) {
    event.target.setPlaybackQuality('hd720');
}
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.BUFFERING) {
        event.target.setPlaybackQuality('hd720');
    }
}

找到了一个可能的黑客/解决方案。

如果我等到视频开始播放，然后应用setPlaybackQuality- 它有效。因此：

player = new YT.Player('player', {
    height: '490',
    width: '725',
    videoId: yturl,
    events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
    }
});

function onPlayerReady(event) {
    player.setVolume(100);
    event.target.playVideo();
}

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        event.target.setPlaybackQuality('hd720');  // <-- WORKS!
    }
}

但是，该解决方案并不理想，因为视频首先开始以较低的质量缓冲 - 一旦开始播放就切换到 720。任何意见或替代解决方案将不胜感激。

问题是 YouTube 选择了最合适的播放质量，因此它会覆盖setPlaybackQuality()该onPlayerReady()功能。

我找到了一种解决方案，可以强制 YouTube 播放器以您想要的任何质量播放，而不管播放器的宽度和高度如何：

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '180',
        width: '320',
        videoId: 'M7lc1UVf-VE',
        events: {
        'onReady': onPlayerReady,
        'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
        'onStateChange': onPlayerStateChange
        }
    });
}


function onPlayerReady(event) {
    event.target.playVideo();
}

function onPlayerPlaybackQualityChange(event) {
    var playbackQuality = event.target.getPlaybackQuality();
    var suggestedQuality = 'hd720';

    console.log("Quality changed to: " + playbackQuality );

    if( playbackQuality !== 'hd720') {
        console.log("Setting quality to " + suggestedQuality );
        event.target.setPlaybackQuality( suggestedQuality );
    }
}

代码确保质量更改是建议的。

请记住：用户无法使用带有该代码的播放器按钮更改视频质量。

无论如何，您可以只强制建议质量一次。

在 GChrome、Firefox 和 Safari 中测试。

我找到了一个非常适合我的解决方案：

 function onPlayerStateChange(event) {
   //Some code...

   $(".btn-change-quality").on("click",  function(){
       pauseVideo();
       player.setPlaybackQuality('hd720');
       playVideo();
    });
} 

我在这个功能和工作setPlaybackQuality中玩了一点onPlayerReady。唯一的问题是分配不是立即的，实际上getPlaybackQuality是在视频开始后立即返回正确的值。实际上在视频开始之前getPlaybackQuality总是会返回small。但是有一次视频开始时使用了正确的playBackQuality。

我也尝试过不同的播放器尺寸组合，它甚至有效。

注意：我正在使用IFrame API。