随机播放YouTube播放列表

时间:2018-12-23 17:49:46

标签: javascript youtube-api shuffle youtube-javascript-api

我在使其无法正常工作时遇到问题,因此每次刷新页面时,播放列表都会以随机顺序播放。

代码: https://jsfiddle.net/qnbyg5x9/92/

这是我尝试过的方法,它可以工作,但是我不知道我是否做对了,或者是否有更好的方法来做。

function onPlayerReady(event) {
    const youtubePlayer = event.target;
    youtubePlayer.setVolume(0); // percent
}
let hasShuffled = false;

function onPlayerStateChange(event) {
    const player = event.target;
    if (!hasShuffled) {
        player.setShuffle(true);
        player.playVideoAt(0);
        hasShuffled = true;
    }
}
window.onYouTubePlayerAPIReady = function() {
    new YT.Player(document.querySelector(".js-player"), {
        height: '315',
        width: '560',
        host: 'https://www.youtube-nocookie.com',
        playerVars: {
            autoplay: 0,
            controls: 1,
            listType: 'playlist',
            list: 'TLGGCePU6hOj6WQyMjEyMjAxOA'
        },
        events: {
            "onReady": onPlayerReady,
            "onStateChange": onPlayerStateChange
        }
    });
};

应该发生的是,每次刷新页面时,歌曲会以随机顺序重置自己,并按该顺序播放。

现在可以执行此操作,但是我不知道我是否做对了,或者是否有更好的方法来完成它。

0 个答案:

没有答案