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();
    }
}

我最初的想法是，我可以根据点击的按钮加载不同的视频ID，但正如我现在所理解的那样，这并不起作用。

有什么想法吗？

提前致谢。

Answer 1

使用player.loadVideoById（videoId）;功能

如何在按钮点击的基础上加载不同的YouTube视频，基于ID和javascript？

1 个答案: