YouTube random video from playlist

Create YouTube random video from playlist

How to Start YouTube Playlist from Random Video?
Do You need YT Playlist with random vid for Your Website?
Play a Youtube playlist randomly using this Generator.
Generator, who give PHP and JS code.
Copy&Paste this HTML code into Your Website and that's all.
You have alrady randon video from Youtube Playlist.

1. Varian with PHP code

Here it is HTML code with simple PHP code - rand() function

<iframe allowfullscreen="allowFullScreen" src="https://www.youtube.com/embed/?list=&autoplay=1&index=<?php print rand(1,)?>" allowtransparency="true" width="" height="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture allowfullscreen"></iframe>

Preview:

2. Variant with JavaScript code

Here it is HTML code with simple JS code

<div id="player"></div>
<script>
    var playlistId = "";
    var tag = document.createElement("script");
		tag.src = "https://www.youtube.com/iframe_api";

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

    var player;

    function onYouTubeIframeAPIReady() {
        player = new YT.Player("player", {
            width: "",
            height: "",
            events: {
                "onReady": onPlayerReady,
                "onStateChange": onPlayerStateChange
            }
        });
    }

    var playlistArray;
    var playListArrayLength;
    var maxNumber;

    var oldNumber = 0;
    var NewNumber = 0;

    function newRandomNumber() {
        oldNumber = NewNumber;
        NewNumber = Math.floor(Math.random() * maxNumber);
        if (NewNumber == oldNumber) {
            newRandomNumber();
        } else {
            return NewNumber;
        }
    }

function onPlayerReady(event) {
    player.loadPlaylist({
        "listType": "playlist",
        "list": playlistId
    });
}

var firstLoad = true;
function onPlayerStateChange(event) {
    console.log(event.data);
    if (event.data == YT.PlayerState.ENDED) {
        player.playVideoAt(newRandomNumber());   
    } else {
        if (firstLoad && event.data == YT.PlayerState.PLAYING) {
            firstLoad = false;
            playlistArray = player.getPlaylist();
            playListArrayLength = playlistArray.length;
            maxNumber = playListArrayLength;
            NewNumber = newRandomNumber();
            player.playVideoAt(newRandomNumber());
        }
    }
}    
</script>

Preview:

ETI 2024
5 online Free Web Counter - Unique visits