Template:RandomShorts - Revision history

Kashya at 10:19, 20 May 2026

2026-05-20T10:19:30Z

@@ Line 1: / Line 1: @@
-<choose>
+<includeonly>
+<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:300px;">
-<option>
-<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
+  <!-- Active Player Viewport Container -->
-<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
+  <div class="vani-shorts-viewport" style="width:280px; height:225px; overflow:hidden; border-radius:10px; margin:0 auto;">
-{{youtube_ditl|MJ_y_ehqwrc}}
+    Loading short...
 </div>
-<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
+</includeonly>

Kashya at 05:27, 20 May 2026

2026-05-20T05:27:00Z

← Older revision		Revision as of 05:27, 20 May 2026
Line 1:		Line 1:
	~~<includeonly>~~
	<div class="vanipedia-random-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start;">

	~~<!-- Active Player Viewport Box -->~~
	<div class="vani-shorts-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888; margin: 0 auto; overflow: hidden;">
	~~Loading short...~~
	~~</div>~~

	~~<!-- Video Title Text Frame -->~~
	~~<div class="vani-shorts-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;">~~
	~~</div>~~

	~~<!-- HIDDEN DATABASE ZONE: Native transclusion pulls your 1,000+ videos page invisibly here -->~~
	~~<div class="vani-shorts-source-db" style="display: none !important;">~~
	~~{{:VanimediaMayapur YouTube SHORTS List}}~~
	~~</div>~~
	~~</div>~~
	~~</includeonly>~~

	<choose>		<choose>

Kashya at 05:25, 20 May 2026

2026-05-20T05:25:57Z

← Older revision		Revision as of 05:25, 20 May 2026
Line 1:		Line 1:
			<includeonly>
			<div class="vanipedia-random-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start;">

			<!-- Active Player Viewport Box -->
			<div class="vani-shorts-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888; margin: 0 auto; overflow: hidden;">
			Loading short...
			</div>

			<!-- Video Title Text Frame -->
			<div class="vani-shorts-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;">
			</div>

			<!-- HIDDEN DATABASE ZONE: Native transclusion pulls your 1,000+ videos page invisibly here -->
			<div class="vani-shorts-source-db" style="display: none !important;">
			{{:VanimediaMayapur YouTube SHORTS List}}
			</div>
			</div>
			</includeonly>

	<choose>		<choose>

Kashya at 05:16, 20 May 2026

2026-05-20T05:16:44Z

← Older revision		Revision as of 05:16, 20 May 2026
Line 1:		Line 1:
	~~<includeonly>~~
	<div class="vanipedia-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start;">
	~~<div style="width: 100%; display: none;">~~
	~~<!-- Transclude your exact live daily updated list page directly into a hidden memory container -->~~
	~~<div id="raw-vanipedia-shorts-database">~~
	~~{{:VanimediaMayapur YouTube SHORTS List}}~~
	~~</div>~~
	~~</div>~~

	~~<!-- This clean placeholder box renders visually on your site -->~~
	<div id="vani-active-short-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888;">
	~~Loading random short...~~
	~~</div>~~
	~~<div id="vani-active-short-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;">~~
	~~</div>~~
	~~</div>~~

	~~<script type="text/javascript">~~
	~~// This function runs on your local page DOM after MediaWiki processes the template text~~
	~~(function() {~~
	~~function processRandomShort() {~~
	~~var dbContainer = document.getElementById('raw-vanipedia-shorts-database');~~
	~~var viewport = document.getElementById('vani-active-short-viewport');~~
	~~var titleDisplay = document.getElementById('vani-active-short-title');~~

	~~if (!dbContainer \|\| !viewport) return;~~

	~~// MediaWiki renders a gallery page using a collection of standard list items~~
	~~var galleryItems = dbContainer.getElementsByTagName('li');~~
	~~if (!galleryItems \|\| galleryItems.length === 0) {~~
	~~// Fallback to checking normal links if the gallery structure is stripped out~~
	~~galleryItems = dbContainer.getElementsByTagName('a');~~
	}

	~~if (galleryItems.length === 0) {~~
	~~viewport.innerHTML = "No videos detected in list page.";~~
	~~return;~~
	}

	~~// 1. Pick a random item out of the thousands on your list page instantly~~
	~~var randomIndex = Math.floor(Math.random() * galleryItems.length);~~
	~~var pickedItem = galleryItems[randomIndex];~~

	~~// 2. Read the absolute raw target text properties of that random row~~
	~~var rowText = pickedItem.innerText \|\| pickedItem.textContent \|\| "";~~
	~~var htmlContent = pickedItem.innerHTML \|\| "";~~

	~~var videoId = "";~~
	~~var cleanTitle = "YouTube Short";~~

	~~// 3. Extract the YouTube link ID from the raw attributes~~
	~~var matchShort = htmlContent.match(/\/shorts\/([a-zA-Z0-9_-]+)/) \|\| rowText.match(/\/shorts\/([a-zA-Z0-9_-]+)/);~~
	~~var matchWatch = htmlContent.match(/v=([a-zA-Z0-9_-]+)/) \|\| rowText.match(/v=([a-zA-Z0-9_-]+)/);~~

	~~if (matchShort && matchShort[1]) {~~
	~~videoId = matchShort[1];~~
	~~} else if (matchWatch && matchWatch[1]) {~~
	~~videoId = matchWatch[1];~~
	~~} else {~~
	~~// Fallback parsing pattern if links are formatted in standard string form~~
	~~var parts = rowText.split('link=');~~
	~~if (parts.length > 1) {~~
	~~var urlPart = parts[1].trim().split(' ')[0].split('\n')[0];~~
	~~videoId = urlPart.substring(urlPart.lastIndexOf('/') + 1);~~
	}
	}

	~~// 4. Extract and clean up the clean title label from the list line~~
	~~if (rowText.indexOf('\|') !== -1) {~~
	~~var segments = rowText.split('\|');~~
	~~if (segments.length > 1 && segments[1].indexOf('link=') === -1) {~~
	~~cleanTitle = segments[1].trim();~~
	~~} else {~~
	~~cleanTitle = segments[0].replace(/File:[^\s\|]+/g, '').trim();~~
	}
	~~} else {~~
	~~cleanTitle = rowText.replace(/File:[^\s\|]+/g, '').split('http')[0].replace(/[\|]/g, '').trim();~~
	}

	~~if (!cleanTitle \|\| cleanTitle.length === 0) {~~
	~~cleanTitle = "Short Selection";~~
	}

	~~// 5. Instantly swap the temporary loading block for a clean embedded frame player~~
	~~if (videoId) {~~
	~~var embedUrl = "https://youtube.com" + videoId;~~
	~~viewport.innerHTML = '<iframe width="260" height="260" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>';~~
	~~titleDisplay.innerText = cleanTitle;~~
	~~} else {~~
	~~viewport.innerHTML = '<div style="color:#c0392b; padding:20px; text-align:center;">Unable to decode video element.</div>';~~
	}
	}

	~~// Initialize execution hook safely across multiple browser states~~
	~~if (document.readyState === "complete" \|\| document.readyState === "interactive") {~~
	~~setTimeout(processRandomShort, 100);~~
	~~} else {~~
	~~document.addEventListener("DOMContentLoaded", processRandomShort);~~
	}
	~~})();~~
	~~</script>~~
	~~</includeonly>~~

	<choose>		<choose>

Kashya at 05:15, 20 May 2026

2026-05-20T05:15:30Z

← Older revision		Revision as of 05:15, 20 May 2026
Line 1:		Line 1:
			<includeonly>
			<div class="vanipedia-shorts-widget" style="background: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; width: 280px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start;">
			<div style="width: 100%; display: none;">
			<!-- Transclude your exact live daily updated list page directly into a hidden memory container -->
			<div id="raw-vanipedia-shorts-database">
			{{:VanimediaMayapur YouTube SHORTS List}}
			</div>
			</div>

			<!-- This clean placeholder box renders visually on your site -->
			<div id="vani-active-short-viewport" style="width: 260px; height: 260px; background: #faf9df; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #888;">
			Loading random short...
			</div>
			<div id="vani-active-short-title" style="padding-top: 10px; text-align: center; font-weight: bold; color: #345b63; font-size: 13px; line-height: 1.3;">
			</div>
			</div>

			<script type="text/javascript">
			// This function runs on your local page DOM after MediaWiki processes the template text
			(function() {
			function processRandomShort() {
			var dbContainer = document.getElementById('raw-vanipedia-shorts-database');
			var viewport = document.getElementById('vani-active-short-viewport');
			var titleDisplay = document.getElementById('vani-active-short-title');

			if (!dbContainer \|\| !viewport) return;

			// MediaWiki renders a gallery page using a collection of standard list items
			var galleryItems = dbContainer.getElementsByTagName('li');
			if (!galleryItems \|\| galleryItems.length === 0) {
			// Fallback to checking normal links if the gallery structure is stripped out
			galleryItems = dbContainer.getElementsByTagName('a');
			}

			if (galleryItems.length === 0) {
			viewport.innerHTML = "No videos detected in list page.";
			return;
			}

			// 1. Pick a random item out of the thousands on your list page instantly
			var randomIndex = Math.floor(Math.random() * galleryItems.length);
			var pickedItem = galleryItems[randomIndex];

			// 2. Read the absolute raw target text properties of that random row
			var rowText = pickedItem.innerText \|\| pickedItem.textContent \|\| "";
			var htmlContent = pickedItem.innerHTML \|\| "";

			var videoId = "";
			var cleanTitle = "YouTube Short";

			// 3. Extract the YouTube link ID from the raw attributes
			var matchShort = htmlContent.match(/\/shorts\/([a-zA-Z0-9_-]+)/) \|\| rowText.match(/\/shorts\/([a-zA-Z0-9_-]+)/);
			var matchWatch = htmlContent.match(/v=([a-zA-Z0-9_-]+)/) \|\| rowText.match(/v=([a-zA-Z0-9_-]+)/);

			if (matchShort && matchShort[1]) {
			videoId = matchShort[1];
			} else if (matchWatch && matchWatch[1]) {
			videoId = matchWatch[1];
			} else {
			// Fallback parsing pattern if links are formatted in standard string form
			var parts = rowText.split('link=');
			if (parts.length > 1) {
			var urlPart = parts[1].trim().split(' ')[0].split('\n')[0];
			videoId = urlPart.substring(urlPart.lastIndexOf('/') + 1);
			}
			}

			// 4. Extract and clean up the clean title label from the list line
			if (rowText.indexOf('\|') !== -1) {
			var segments = rowText.split('\|');
			if (segments.length > 1 && segments[1].indexOf('link=') === -1) {
			cleanTitle = segments[1].trim();
			} else {
			cleanTitle = segments[0].replace(/File:[^\s\|]+/g, '').trim();
			}
			} else {
			cleanTitle = rowText.replace(/File:[^\s\|]+/g, '').split('http')[0].replace(/[\|]/g, '').trim();
			}

			if (!cleanTitle \|\| cleanTitle.length === 0) {
			cleanTitle = "Short Selection";
			}

			// 5. Instantly swap the temporary loading block for a clean embedded frame player
			if (videoId) {
			var embedUrl = "https://youtube.com" + videoId;
			viewport.innerHTML = '<iframe width="260" height="260" src="' + embedUrl + '" frameborder="0" allowfullscreen style="border-radius: 8px; border: none;"></iframe>';
			titleDisplay.innerText = cleanTitle;
			} else {
			viewport.innerHTML = '<div style="color:#c0392b; padding:20px; text-align:center;">Unable to decode video element.</div>';
			}
			}

			// Initialize execution hook safely across multiple browser states
			if (document.readyState === "complete" \|\| document.readyState === "interactive") {
			setTimeout(processRandomShort, 100);
			} else {
			document.addEventListener("DOMContentLoaded", processRandomShort);
			}
			})();
			</script>
			</includeonly>

	<choose>		<choose>

Kashya at 08:53, 19 May 2026

2026-05-19T08:53:47Z

← Older revision		Revision as of 08:53, 19 May 2026
Line 1:		Line 1:
	~~<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">~~
	~~<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;" id="vanipedia-random-short-video">~~
	~~<div style="padding:100px 0; text-align:center; color:#888;">Loading short...</div>~~
	~~</div>~~
	~~<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;" id="vanipedia-random-short-title">~~
	~~</div>~~
	~~</div>~~


	<choose>		<choose>

Kashya at 08:52, 19 May 2026

2026-05-19T08:52:36Z

← Older revision		Revision as of 08:52, 19 May 2026
Line 1:		Line 1:
			<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
			<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;" id="vanipedia-random-short-video">
			<div style="padding:100px 0; text-align:center; color:#888;">Loading short...</div>
			</div>
			<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;" id="vanipedia-random-short-title">
			</div>
			</div>


	<choose>		<choose>

Anurag at 16:16, 18 May 2026

2026-05-18T16:16:14Z

← Older revision		Revision as of 16:16, 18 May 2026
Line 2:		Line 2:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|MJ_y_ehqwrc}}		{{youtube_ditl\|MJ_y_ehqwrc}}
Line 13:		Line 13:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|-IKlL_FMr5M}}		{{youtube_ditl\|-IKlL_FMr5M}}
Line 24:		Line 24:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|MJ_y_ehqwrc}}		{{youtube_ditl\|MJ_y_ehqwrc}}
Line 35:		Line 35:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|SzvEfqAmXeY}}		{{youtube_ditl\|SzvEfqAmXeY}}
Line 46:		Line 46:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|gtiq2SKjYqQ}}		{{youtube_ditl\|gtiq2SKjYqQ}}
Line 57:		Line 57:

	<option>		<option>
	<div style="background:#feffe1;padding:10px;border:~~1px~~ solid #ddd;border-radius:8px;width:280px;">		<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:280px;">
	<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
	{{youtube_ditl\|XRycdTVXVWU}}		{{youtube_ditl\|XRycdTVXVWU}}

Anurag at 10:12, 18 May 2026

2026-05-18T10:12:57Z

← Older revision		Revision as of 10:12, 18 May 2026
Line 6:		Line 6:
	{{youtube_ditl\|MJ_y_ehqwrc}}		{{youtube_ditl\|MJ_y_ehqwrc}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	Experts Knowing the Soul		Experts Knowing the Soul
	</div>		</div>
Line 17:		Line 17:
	{{youtube_ditl\|-IKlL_FMr5M}}		{{youtube_ditl\|-IKlL_FMr5M}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	Variety Is The Mother of Enjoyment		Variety Is The Mother of Enjoyment
	</div>		</div>
Line 28:		Line 28:
	{{youtube_ditl\|MJ_y_ehqwrc}}		{{youtube_ditl\|MJ_y_ehqwrc}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	Experts Knowing the Soul		Experts Knowing the Soul
	</div>		</div>
Line 39:		Line 39:
	{{youtube_ditl\|SzvEfqAmXeY}}		{{youtube_ditl\|SzvEfqAmXeY}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	How To Understand Real Truth		How To Understand Real Truth
	</div>		</div>
Line 50:		Line 50:
	{{youtube_ditl\|gtiq2SKjYqQ}}		{{youtube_ditl\|gtiq2SKjYqQ}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	Bhakti-Yoga Is Meant For The Cleansed Hearted		Bhakti-Yoga Is Meant For The Cleansed Hearted
	</div>		</div>
Line 61:		Line 61:
	{{youtube_ditl\|XRycdTVXVWU}}		{{youtube_ditl\|XRycdTVXVWU}}
	</div>		</div>
	<div style="padding-top:10px;text-align:center;font-weight:~~regular~~;color:#345b63;">		<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
	Imitating The Holy Names		Imitating The Holy Names
	</div>		</div>

Anurag at 08:25, 18 May 2026

2026-05-18T08:25:40Z

← Older revision	Revision as of 08:25, 18 May 2026
Line 1:	Line 1:
		<choose>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|MJ_y_ehqwrc}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		Experts Knowing the Soul
		</div>
		</div>
		</option>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|-IKlL_FMr5M}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		Variety Is The Mother of Enjoyment
		</div>
		</div>
		</option>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|MJ_y_ehqwrc}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		Experts Knowing the Soul
		</div>
		</div>
		</option>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|SzvEfqAmXeY}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		How To Understand Real Truth
		</div>
		</div>
		</option>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|gtiq2SKjYqQ}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		Bhakti-Yoga Is Meant For The Cleansed Hearted
		</div>
		</div>
		</option>

		<option>
		<div style="background:#feffe1;padding:10px;border:1px solid #ddd;border-radius:8px;width:280px;">
		<div style="width:260px; height:260px; overflow:hidden; border-radius:10px;">
		{{youtube_ditl\|XRycdTVXVWU}}
		</div>
		<div style="padding-top:10px;text-align:center;font-weight:regular;color:#345b63;">
		Imitating The Holy Names
		</div>
		</div>
		</option>

		</choose>