Wil je een playlist hebben die willekeurig iets afspeelt? Bekijk dit dan eens!

Note: Automatisch afspelen werkt niet in Firefox.

Voorbeeld:

Script 1

Select & Copy 
<div id="player"></div><script> /* Replace This Code - get Value from playlist page and place it here */ var playlistId = "PLM_Tuhk2Tvp8CdSn6ODUSKBcGNL-C9QwK"; 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', { height: '353', width: '575', 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()); /* Hier kun je het volume aanpassen */ event.target.setVolume(22); event.target.playVideo(); } } } </script>
 

Script 2

Select & Copy Info  
<div id="player"><script> ; (function(window, document, undefined) { 'use strict'; function removeElement(array, element) { return array.filter(function(el) { return el !== element }); } function changeVideo() { if (player.getCurrentTime() >= delay) { var currentVideo = player.getVideoData().video_id, randomVideo = removeElement(videoPlaylist, currentVideo)[Math.floor(Math.random() * (videoPlaylist.length - 1))]; player.loadVideoById(randomVideo); } } function onPlayerStateChange(event) { clearInterval(repeat); if (event.data === 1) { repeat = setInterval(changeVideo, 500); } } window.onYouTubeIframeAPIReady = function() { var randomVideo = videoPlaylist[Math.floor(Math.random() * videoPlaylist.length)]; player = new YT.Player('player', { height: '315', width: '560', videoId: randomVideo, playerVars: { 'autoplay': 1, 'controls': 0, 'showinfo': 0, 'iv_load_policy': 3 }, events: { 'onStateChange': onPlayerStateChange } }); } var tag = document.createElement('script'), player, videoPlaylist = ['zE_CMSDXO0s', 'pmmCb7lqd6E', 'VpRi5bTWQlM'], delay = 10, // s repeat; tag.src = 'https://www.youtube.com/iframe_api'; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); })(window, document); </script></div>