YouTube API nie widzi player

Question

Witam,
po stworzeniu playera YouTube w onReady wywołuje funkcje, która w sobie ma player.getPlaybackQuality(). I pomomo, że kiedy dodam console.log(player) to pokazuje, że istnieje coś takiego, to w konsoli pokazuje się

Uncaught TypeError: Cannot read property 'getPlaybackQuality' of undefined
Wie ktoś gdzie leży problem?

Kod:

var script_tag = document.createElement("script");
script_tag.src = "https://www.youtube.com/iframe_api";
var first_script_tag = document.getElementsByTagName("script")[0];
first_script_tag.parentNode.insertBefore(script_tag, first_script_tag);

var player;
function create_player(video_id, city_id){
    player = null;
    clearInterval(timer_invertal);
    document.getElementById("video").remove();
    var video = document.createElement("div");
    video.id = "video";
    document.getElementById("video_container").appendChild(video);

    player = new YT.Player('video', {
        width: "100%",
        height: "100%",
        videoId: video_id,
        playerVars: {
            'autoplay': 1,
            'mute': 1,
            'controls': 0,
            'end': cities.cities[city_id].end,
            'start': cities.cities[city_id].start,
            'playsinline': 1,
            'rel': 0,
            'showinfo': 0,
            'widgetid': 1,
            'enablejsapi': 1,
            'origin': 'http://localhost:8100' 
        },
        events: {
            onReady: timer,
            onStateChange: onPlayerStateChange
        }
    });
}
var time = 0;
var timer_invertal;
function timer(){
    time = 0;
    timer_invertal = setInterval(() => {
        time = seconds_to_time(Math.floor(player.getCurrentTime()));
        document.getElementById("video_timer").innerHTML = time;
    }, 500);
    setTimeout(() => {
        if(player.getPlaybackQuality() == "tiny" || player.player.getPlaybackQuality() == "small" || player.player.getPlaybackQuality() == "medium" || player.player.getPlaybackQuality() == "large" || player.player.getPlaybackQuality() == "hd720"){
            alert("LOL");
        }
    }, 10000);
}

 

Answer 1

Jeśli obiekt player na pewno posiada metodę getPlaybackQuality, to problemem zapewne jest próba wołania tego w sposób player.player.getPlaybackQuality(), zamiast player.getPlaybackQuality().