Template:YoutubeTest

2022-04-23T13:58:48Z

Julialax: Added a video shuffle function

<html>
<iframe id="ytPlayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/M7lc1UVf-VE"
frameborder="0">
</iframe>

<button id="ytButton">Play next</button>

<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>

MediaWiki:Sandbox

2022-04-12T18:36:42Z

Julialax:

<div style="float: right; clear:both; background-position:center; background-size:contain; position:absolute; width:440px; height:400px; background-repeat:no-repeat; border-radius:1%; background-image:url(https://mediawiki.themidnight.wiki/images/7/75/Television.png);">
<div style="position:absolute; top:43px; left:44px; width:350px; height:292; border-radius:3%;">{{#widget:YouTube|id=8i5MYaVSSHE|}}</div></div>

The Midnight Wiki - User contributions [en]

Template:YoutubeTest

MediaWiki:Sandbox