Question

我正在尝试使用youtube播放器API创建YouTube视频播放器，因为我需要能够使用单独的按钮控制视频。

我暂时关注此示例，并尝试查看它是否适用于我的项目：http://demo.tutorialzine.com/2015/08/how-to-control-youtubes-video-player-with-javascript/

我确实只是复制并粘贴到我的项目中并替换了视频ID，但是对于我的，播放列表没有生成，我也不太明白为什么。

这是我的代码：

function onYouTubeIframeAPIReady() {
    player = new YT.Player('videoplaceholder', {
       videoId: '2CzXHiKIFps',
       playerVars: {
            color: 'white',
            playlist: 'taJ60kskkns,FG0fTKAqZ5g'
        },
    });

    $('#play').on('click', function () {
        player.playVideo();
    });

    $('#pause').on('click', function () {
        player.pauseVideo();
    });

    $('#next').on('click', function () {
        player.nextVideo()
    });

    $('#prev').on('click', function () {
        player.previousVideo()
    });
}

在这支笔中你可以看到它在行动： http://codepen.io/nickimola/pen/bpjyMK?editors=1010

我真的不明白我做错了什么，任何帮助都会非常感激。非常感谢。

如果需要，这是我需要使用的视频ID：

2CzXHiKIFps
Dqd0ZcwAg
Iv69Wd7f8-E
3ZPIi88jyHk
UMSAlyCtrSQ

Answer 1

身份Dqd0ZcwAg应为r-Dqd0ZcwAg（https://www.youtube.com/watch?v=r-Dqd0ZcwAg）

这有效：

player = new YT.Player('player', {
   videoId: '2CzXHiKIFps',
    playerVars: {
        color: 'white',
        playlist: 'r-Dqd0ZcwAg,Iv69Wd7f8-E,3ZPIi88jyHk,UMSAlyCtrSQ'
    },
});

youtube player api - 未创建视频的播放列表

1 个答案: