YouTube iFrame API“ setPlaybackQuality”无法正常工作

时间:2019-03-05 09:53:29

标签: api iframe youtube

YouTube iFrame API“ setPlaybackQuality”无法正常工作。我想将视频质量更改为最低。但是我无法通过api对其进行更改。我使用了player.setPlaybackQuality('small')。无效。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
        <button id="change_quality">Change Quality</button>
        <div id="player"></div>
        <script>
            var tag = document.createElement('script');
            tag.src = "https://www.youtube.com/iframe_api";
            var firstScriptTag = document.getElementsByTagName('script')[0];
            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
            var player;
            function onYouTubeIframeAPIReady() {
                player = new YT.Player('player', {
                height: '390',
                width: '640',
                videoId: '6LV3JdR5aZw',
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                }
                });
            }
            function onPlayerReady(event) {
                
                
                
            }
            function onPlayerStateChange(event) {
                if (event.data == YT.PlayerState.PLAYING) {
                    $("#change_quality").click(function() {
                    event.target.playVideo();
                      
                var d=player.getPlaybackQuality()
                console.log("before");
                console.log(d);
                player.setPlaybackQuality('small')
                var v=player.getPlaybackQuality()
                console.log("after");
                console.log(v);
                
                    });
                }
            }
        </script>
    </body>
</html>

它在youtube演示中也不起作用 Demo

0 个答案:

没有答案