如何在点击按钮时根据ID和javascript加载不同的youtube视频？

解决

我正在尝试创建几个按钮，所有这些按钮都将播放不同的嵌入式背景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，但据我现在的理解，这是行不通的

有什么想法吗

---

提前感谢。

使用player.loadVideoByIdvideoId；函数。

我自己解决了这个问题，但如果其他人遇到这个问题：使用player.loadVideoByIdvideoId；作用这需要一些摆弄，但它会工作！