javascript - 如何根据 ID、使用 javascript、点击按钮加载不同的 YouTube 视频？

Question

(已解决)

我正在尝试创建几个按钮，这些按钮都将播放不同的嵌入式背景 YouTube 视频。

现在，当我点击其中一个按钮时会发生什么:

function changeMission(id) {            
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";

    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
}

然后:

function onYouTubePlayerAPIReady() {

    selectedVideoId = getVideoId();

    player = new YT.Player('player', {      
        frameborder:'0',
        playerVars: {'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque'},
        videoId: selectedVideoId,
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange}
        });
    }

    function onPlayerReady(event) {
        event.target.setVolume(30);
    }

    function onPlayerStateChange(event) {     
    if (event.data == YT.PlayerState.PLAYING) {
        event.target.setPlaybackQuality('hd1080'); 
    }
    if(event.data == YT.PlayerState.ENDED){
        event.target.playVideo();
    }
}

我最初的想法是，我可以根据单击的按钮加载不同的 videoID，但据我现在了解，这是行不通的。

有什么想法吗？

提前致谢。

Answer 1

使用player.loadVideoById(videoId);功能。