jquery - 从控制台日志中删除不必要的错误？

Question

我将这个自定义 YouTube 嵌入了一些精巧的小工具，它运行良好，但有一个问题。控制台中有很多错误，例如:

Uncaught TypeError: Cannot read property 'getVolume' of undefined
index.html:189 Uncaught TypeError: player.getVolume is not a function
index.html:179 Uncaught TypeError: player.getCurrentTime is not a function
index.html:183 Uncaught TypeError: player.getCurrentTime is not a function

我不知道是什么导致了这些错误，我已经尝试用代码做很多事情，例如移动和重新分配变量，但我似乎无法清除它们，有什么帮助吗？

编码: http://codepen.io/mistkaes/pen/MwONzK

Answer 1

尝试使用播放器的 onReady 方法在间隔内触发它，这样您就可以确定 player 变量已经定义。

function onYouTubeIframeAPIReady() {
    var rangerGo;
    var player = new YT.Player('player', {
        height: '282',
        width: '502',
        videoId: 'QExOaGT_ids',
        playerVars: {
            'controls': 0,
            'showinfo': 0,
            'iv_load_policy': 3,
            'rel': 0,
        },
        events: {
            onReady: function(){
                setInterval(function() {
                    $("#content").text("video_time: " + player.getCurrentTime().toString().toHHMMSS());
                }, 250);

                rangerGo = setInterval(function() {
                    $("#range").slider("value", player.getCurrentTime());
                    $("#range").slider("option", "max", player.getDuration());
                }, 250);

                setInterval(function() {
                    // VOLUME CONTROLS
                    $("#volume-amount").text("volume: " + player.getVolume() + "%");
                    player.setVolume($("#volume-range").slider("value"));
                }, 1);

                $("#range").slider({
                    range: "min",
                    start: function(event, ui) {
                        player.pauseVideo();
                        clearInterval(rangerGo);
                    },
                    stop: function(event, ui) {
                        player.seekTo(ui.value, true);
                        player.playVideo();
                        rangerGo = setInterval(function() {
                            $("#range").slider("value", player.getCurrentTime());
                            $("#range").slider("option", "max", player.getDuration());
                        }, 250);
                    }
                });
            }
        }
    });
}