View source for Template:YoutubeTest

{{#widget:YouTube|id=tfcf5pv3VfA|}}
<html>
<button id="ytButton">Play next</button>
<!-- Put Your javascript here-->
<script>
var videoIdList = [
"tfcf5pv3VfA",
"EQ7ZgdSlQRs",
"aQYTuk-_hKg",
"0UMeJpjvV5k",
"1p9I-No9HEo",
"48mKhSfcJ60",
"5_oQb7GWKTU",
"5f4Xt_QYxTc",
"5lmm3sSr7nY",
"BSJpTMTyxUM",
"DE0I-rey15k",
"GXoOjRoF0nc",
"G_KgZqd8b2k",
"HLa1T9f0hy4",
"JXbdSsjOYn8",
"KAce42mgj84",
"KRXUYAFdKX4",
"N90Utrsfwz8",
"O69bZUNgEas",
"PPap3u_cWVw",
"R8RTLW9SOlc",
"RTNljh1RLdM",
"RvgYj1dVg14",
"T-sDOO4L42U",
"UHppQLgcC_8",
"Ura1IgHRlgg",
"W_Yh2-MHATo",
"W_Yh2-MHATo",
"Z__E97Wo2yw",
"Zc9HsPx0rN8",
"Zc9HsPx0rN8",
"Zw7PEVEBuwY",
"_LWj3TSbDRo",
"_r47zds9ajg",
"apNnmCBiKv4",
"fTgo466hG1c",
"jFW7BdHTRdY",
"mtZA_k174VM",
"sxXaPow0qig",
"wYwf1HdBlkQ",
"xV88777nyOA",
"ydxQlqpkX8E",
"yeF-QesNdto"
];
var youtubeLink = "https://www.youtube.com/embed/";
var shuffledList = videoIdList.sort(() => Math.random() - 0.5);
var button = document.querySelector("#ytButton");
var player = document.querySelector("#ytPlayer");
button.addEventListener("click", playNext);

function playNext() {
  var justPlayedVideo = shuffledList.shift();
  shuffledList.push(justPlayedVideo);

  player.src = youtubeLink + shuffledList[0];
}

player.src = youtubeLink + shuffledList[0];
</script>
</html>