MediaWiki:Common.js - Revision history

Admin at 22:51, 2 February 2024

2024-02-02T22:51:39Z

← Older revision		Revision as of 22:51, 2 February 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	~~document.addEventListener('DOMContentLoaded', function() {~~
	~~var youtubeEmbeds = document.getElementsByClassName('youtube-embed');~~
	~~for (var i = 0; i < youtubeEmbeds.length; i++) {~~
	~~var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');~~
	~~for (var j = 0; j < iframes.length; j++) {~~
	~~iframes[j].loading = 'lazy'; // Apply lazy loading~~
	}
	}
	~~});~~


	/**		/**

Admin at 05:39, 31 January 2024

2024-01-31T05:39:21Z

← Older revision		Revision as of 05:39, 31 January 2024
Line 7:		Line 7:
	for (var j = 0; j < iframes.length; j++) {		for (var j = 0; j < iframes.length; j++) {
	iframes[j].loading = 'lazy'; // Apply lazy loading		iframes[j].loading = 'lazy'; // Apply lazy loading
	~~var src = iframes[j].src;~~
	~~if (src.includes('youtube.com')) {~~
	~~var separator = src.includes('?') ? '&' : '?';~~
	~~src += separator + 'modestbranding=1&showinfo=0&rel=0';~~
	~~iframes[j].src = src;~~
	}
	}		}
	}		}
	});		});

Admin at 05:37, 31 January 2024

2024-01-31T05:37:15Z

← Older revision		Revision as of 05:37, 31 January 2024
Line 7:		Line 7:
	for (var j = 0; j < iframes.length; j++) {		for (var j = 0; j < iframes.length; j++) {
	iframes[j].loading = 'lazy'; // Apply lazy loading		iframes[j].loading = 'lazy'; // Apply lazy loading
			var src = iframes[j].src;
			if (src.includes('youtube.com')) {
			var separator = src.includes('?') ? '&' : '?';
			src += separator + 'modestbranding=1&showinfo=0&rel=0';
			iframes[j].src = src;
			}
	}		}
	}		}
	});		});

Admin at 05:14, 31 January 2024

2024-01-31T05:14:38Z

← Older revision		Revision as of 05:14, 31 January 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

			document.addEventListener('DOMContentLoaded', function() {
			var youtubeEmbeds = document.getElementsByClassName('youtube-embed');
			for (var i = 0; i < youtubeEmbeds.length; i++) {
			var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');
			for (var j = 0; j < iframes.length; j++) {
			iframes[j].loading = 'lazy'; // Apply lazy loading
			}
			}
			});

Admin at 05:05, 31 January 2024

2024-01-31T05:05:14Z

← Older revision		Revision as of 05:05, 31 January 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	~~document.addEventListener('DOMContentLoaded', function() {~~
	~~var youtubeEmbeds = document.getElementsByClassName('youtube-embed');~~
	~~for (var i = 0; i < youtubeEmbeds.length; i++) {~~
	~~var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');~~
	~~for (var j = 0; j < iframes.length; j++) {~~
	~~iframes[j].setAttribute('loading', 'lazy');~~
	~~iframes[j].style.aspectRatio = '16 / 9';~~
	~~iframes[j].style.width = '33.33%';~~
	~~iframes[j].style.height = 'auto';~~
	~~iframes[j].style.margin = '5px'; // Added 5px margin~~
	}
	~~youtubeEmbeds[i].style.display = 'flex';~~
	~~youtubeEmbeds[i].style.flexWrap = 'wrap';~~
	}
	~~});~~

Admin at 05:04, 31 January 2024

2024-01-31T05:04:14Z

← Older revision		Revision as of 05:04, 31 January 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	var youtubeEmbeds = document.~~querySelectorAll~~('.youtube-embed ~~> iframe~~');		document.addEventListener('DOMContentLoaded', function() {
	for (var i = 0; i < youtubeEmbeds.length; i++) {		var youtubeEmbeds = document.getElementsByClassName('youtube-embed');
	youtubeEmbeds[i].setAttribute('loading', 'lazy');		for (var i = 0; i < youtubeEmbeds.length; i++) {
	~~youtubeEmbeds~~[i].style.aspectRatio = '16 / 9';		var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');
	~~youtubeEmbeds~~[i].style.width = '33.33%';		for (var j = 0; j < iframes.length; j++) {
	~~youtubeEmbeds~~[i].style.height = 'auto';		iframes[j].setAttribute('loading', 'lazy');
	~~youtubeEmbeds~~[i].style.margin = '5px';		iframes[j].style.aspectRatio = '16 / 9';
	}		iframes[j].style.width = '33.33%';
	~~var youtubeEmbedContainers = document.getElementsByClassName('youtube-embed');~~		iframes[j].style.height = 'auto';
	~~for (var j = 0; j < youtubeEmbedContainers.length; j++) {~~		iframes[j].style.margin = '5px'; // Added 5px margin
	~~youtubeEmbedContainers~~[j].style.display = 'flex';		}
	~~youtubeEmbedContainers~~[j].style.flexWrap = 'wrap';		youtubeEmbeds[i].style.display = 'flex';
	}		youtubeEmbeds[i].style.flexWrap = 'wrap';
			}
			});

Admin at 04:57, 31 January 2024

2024-01-31T04:57:43Z

← Older revision		Revision as of 04:57, 31 January 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	var youtubeEmbeds = document.~~getElementsByClassName~~('youtube-embed');		var youtubeEmbeds = document.querySelectorAll('.youtube-embed > iframe');
	for (var i = 0; i < youtubeEmbeds.length; i++) {		for (var i = 0; i < youtubeEmbeds.length; i++) {
	~~var iframes =~~ youtubeEmbeds[i~~].getElementsByTagName('iframe');~~		youtubeEmbeds[i].setAttribute('loading', 'lazy');
	~~for (var j = 0; j < iframes.length; j++) {~~		youtubeEmbeds[i].style.aspectRatio = '16 / 9';
	~~iframes[j~~].setAttribute('loading', 'lazy');		youtubeEmbeds[i].style.width = '33.33%';
	~~iframes~~[j].style.aspectRatio = '16 / 9';		youtubeEmbeds[i].style.height = 'auto';
	~~iframes~~[j].style.width = '33.33%';		youtubeEmbeds[i].style.margin = '5px';
	~~iframes~~[j].style.height = 'auto';		}
	}		var youtubeEmbedContainers = document.getElementsByClassName('youtube-embed');
	~~youtubeEmbeds~~[i].style.display = 'flex';		for (var j = 0; j < youtubeEmbedContainers.length; j++) {
	~~youtubeEmbeds~~[i].style.flexWrap = 'wrap';		youtubeEmbedContainers[j].style.display = 'flex';
	}		youtubeEmbedContainers[j].style.flexWrap = 'wrap';
			}

Admin at 04:52, 31 January 2024

2024-01-31T04:52:45Z

← Older revision		Revision as of 04:52, 31 January 2024
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	~~window.onload = function() {~~		var youtubeEmbeds = document.getElementsByClassName('youtube-embed');
	var youtubeEmbeds = document.getElementsByClassName('youtube-embed');		for (var i = 0; i < youtubeEmbeds.length; i++) {
	for (var i = 0; i < youtubeEmbeds.length; i++) {		var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');
	var iframes = youtubeEmbeds[i].getElementsByTagName('iframe');		for (var j = 0; j < iframes.length; j++) {
	for (var j = 0; j < iframes.length; j++) {		iframes[j].setAttribute('loading', 'lazy');
	iframes[j].setAttribute('loading', 'lazy');		iframes[j].style.aspectRatio = '16 / 9';
	iframes[j].style.aspectRatio = '16 / 9';		iframes[j].style.width = '33.33%';
	iframes[j].style.width = '33.33%';		iframes[j].style.height = 'auto';
	iframes[j].style.height = 'auto';		}
			youtubeEmbeds[i].style.display = 'flex';
			youtubeEmbeds[i].style.flexWrap = 'wrap';
	}		}
	~~youtubeEmbeds[i].style.display = 'flex';~~
	~~youtubeEmbeds[i].style.flexWrap = 'wrap';~~
	}
	};

Admin at 04:43, 31 January 2024

2024-01-31T04:43:26Z

@@ Line 1: / Line 1: @@
 /* Any JavaScript here will be loaded for all users on every page load. */
-document.addEventListener("DOMContentLoaded", function() {
+window.onload = function() {
-  var iframes = document.querySelectorAll("iframe");
+    var youtubeEmbeds = document.getElementsByClassName('youtube-embed');

Admin at 07:52, 30 January 2024

2024-01-30T07:52:58Z

← Older revision		Revision as of 07:52, 30 January 2024
Line 2:		Line 2:

	document.addEventListener("DOMContentLoaded", function() {		document.addEventListener("DOMContentLoaded", function() {
	var ~~lazyVideos~~ = ~~[].slice.call(~~document.querySelectorAll("iframe"));		var iframes = document.querySelectorAll("iframe");

	~~if ("IntersectionObserver" in window) {~~		iframes.forEach(function(iframe) {
	~~var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {~~		if (iframe.src.includes("youtube")) {
	~~entries~~.forEach(function(~~video~~) {		iframe.loading = "lazy";
	if (~~video.isIntersecting) {~~		}
	~~for (var source in video.target.children) {~~		});
	~~var videoSource = video.target.children[source];~~		});
	~~if (typeof videoSource.tagName === "string" && videoSource.tagName === "IFRAME" && videoSource~~.src.includes("youtube")) {
	~~videoSource~~.~~dataset.src = videoSource.src;~~
	~~videoSource.src~~ = "";
	}
	}

	~~video.target.load();~~
	~~observer.unobserve(video.target);~~
	}
	~~});~~
	~~});~~

	~~lazyVideos.forEach(function(lazyVideo) {~~
	~~lazyVideoObserver.observe(lazyVideo);~~
	~~});~~
	}
	~~});~~