Template:YoutubeTest: Difference between revisions

VisualWikitext

@@ Line 1: / Line 1: @@
-<div id="outer">
+{{#widget:YouTube|id=tfcf5pv3VfA|}}
-<div style="position:absolute; top:43px; left:44px; width:350px; height:292px; border-radius:3%;">{{#widget:YouTube|id=8i5MYaVSSHE|height=292|width=350}}
+<html>
-</div>
+<button id="ytButton">Play next</button>
-</div>
+<!-- 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>

Latest revision as of 10:04, 23 April 2022