No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<div id="now-playing" style="box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115);"> | <div id="now-playing" style="box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115);"> | ||
<h2>Now Playing</h2> | <h2>Now Playing</h2> | ||
{{#widget:YouTube| | {{#widget:YouTube|id=tfcf5pv3VfA|}} | ||
<html> | |||
<div id="button-wrap"> | |||
<button id="ytButton">Next Tape</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> | |||
</div> | </div> | ||