MediaWiki:Common.js - Revision history

Spr1ggs at 22:43, 10 December 2024

2024-12-10T22:43:21Z

← Older revision		Revision as of 22:43, 10 December 2024
Line 10:		Line 10:
	});		});

	// Start observing the document for changes		// Start observing the document for changes?
	observer.observe(document.body, { childList: true, subtree: true });		observer.observe(document.body, { childList: true, subtree: true });

Spr1ggs: Undo revision 971 by Spr1ggs (talk)

2024-12-10T21:10:44Z

Undo revision 971 by Spr1ggs (talk)

← Older revision		Revision as of 21:10, 10 December 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. */
	~~mw.loader.using~~(~~'mediawiki.util').then(function~~ () {		const observer = new MutationObserver((mutations) => {
	~~document~~.~~addEventListener~~(~~'DOMContentLoaded', function~~ () {		mutations.forEach((mutation) => {
	~~// Select all video elements~~		mutation.addedNodes.forEach((node) => {
	~~var videos = document~~.~~querySelectorAll('video');~~		if (node.tagName === 'VIDEO') {
			node.setAttribute('preload', 'none');
	~~videos~~.forEach(~~function~~ (~~video~~) {		}
	~~// Set the preload attribute to~~ '~~metadata~~'
	~~// This loads only the metadata and ensures the placeholder is displayed~~
	~~video~~.setAttribute('preload', '~~metadata');~~

	~~// Add event listener to ensure the video plays correctly on click~~
	~~video.addEventListener('click~~'~~, function () {~~
	~~video.play(~~);
	});
	});		});
	});		});
	});		});

			// Start observing the document for changes
			observer.observe(document.body, { childList: true, subtree: true });

Spr1ggs: Preload video fix. Fix for disappearing videos.

2024-12-10T21:07:55Z

Preload video fix. Fix for disappearing videos.

← Older revision		Revision as of 21:07, 10 December 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. */
	~~const observer = new MutationObserver~~((~~mutations~~) => {		mw.loader.using('mediawiki.util').then(function () {
	~~mutations~~.~~forEach~~((~~mutation~~) => {		document.addEventListener('DOMContentLoaded', function () {
	~~mutation~~.~~addedNodes~~.forEach((~~node~~) => {		// Select all video elements
	~~if (node.tagName ===~~ '~~VIDEO~~'~~) {~~		var videos = document.querySelectorAll('video');
	~~node~~.setAttribute('preload', '~~none~~');
	}		videos.forEach(function (video) {
			// Set the preload attribute to 'metadata'
			// This loads only the metadata and ensures the placeholder is displayed
			video.setAttribute('preload', 'metadata');

			// Add event listener to ensure the video plays correctly on click
			video.addEventListener('click', function () {
			video.play();
			});
	});		});
	});		});
	});		});

	~~// Start observing the document for changes~~
	~~observer.observe(document.body, { childList: true, subtree: true });~~

Spr1ggs: modifying JS for preload

2024-12-10T20:58:28Z

modifying JS for preload

← Older revision		Revision as of 20:58, 10 December 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~~ () {		const observer = new MutationObserver((mutations) => {
	~~// Select all videos embedded using [[File:~~.~~..]] syntax~~		mutations.forEach((mutation) => {
	~~const embeddedVideos = document.querySelectorAll~~(~~'video'~~);		mutation.addedNodes.forEach((node) => {
	~~embeddedVideos~~.forEach(~~video~~ => {		if (node.tagName === 'VIDEO') {
	~~// Set preload attribute to "none"~~		node.setAttribute('preload', 'none');
	~~video~~.setAttribute('preload', 'none');		}
			});
	});		});
	});		});

			// Start observing the document for changes
			observer.observe(document.body, { childList: true, subtree: true });

Spr1ggs: Adding JS for file preloading fix

2024-12-10T20:43:45Z

Adding JS for file preloading fix

New page

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener('DOMContentLoaded', function () {
// Select all videos embedded using [[File:...]] syntax
const embeddedVideos = document.querySelectorAll('video');
embeddedVideos.forEach(video => {
// Set preload attribute to "none"
video.setAttribute('preload', 'none');
});
});