forked from leftypol/leftypol
81 lines
2.3 KiB
JavaScript
81 lines
2.3 KiB
JavaScript
|
/*
|
||
|
|
* Don't load the 3rd party embedded content player unless the image is clicked.
|
||
|
|
* This increases performance issues when many videos are embedded on the same page and privacy.
|
||
|
|
*
|
||
|
|
* Released under the MIT license
|
||
|
|
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
|
||
|
|
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
|
||
|
|
* Copyright (c) 2025 Zankaria Auxa <zankaria.auxa@mailu.io>
|
||
|
|
*
|
||
|
|
* Usage:
|
||
|
|
* $config['embedding'][0] = figure it out plz;
|
||
|
|
* $config['additional_javascript'][] = 'js/tiktok.js';
|
||
|
|
*/
|
||
|
|
|
||
|
|
onReady(function() {
|
||
|
|
const REMOVE = '[Remove]';
|
||
|
|
const EMBED = '[Embed]';
|
||
|
|
|
||
|
|
function makeEmbedNode(videoId, width, height) {
|
||
|
|
const iframe = document.createElement('iframe');
|
||
|
|
iframe.setAttribute('type', 'text/html');
|
||
|
|
iframe.width = width;
|
||
|
|
iframe.height = height;
|
||
|
|
iframe.referrerPolicy = 'no-referrer';
|
||
|
|
iframe.src = `https://www.tiktok.com/embed/v2/${videoId}`;
|
||
|
|
iframe.sandbox.add('allow-popups', 'allow-popups-to-escape-sandbox', 'allow-scripts', 'allow-top-navigation', 'allow-same-origin')
|
||
|
|
iframe.classList.add('full-image');
|
||
|
|
return iframe;
|
||
|
|
}
|
||
|
|
|
||
|
|
function addEmbedButton(node) {
|
||
|
|
const contents = node.firstElementChild;
|
||
|
|
const embedUrl = node.dataset.videoId;
|
||
|
|
const embedWidth = node.dataset.iframeWidth;
|
||
|
|
const embedHeight = node.dataset.iframeHeight;
|
||
|
|
|
||
|
|
const span = document.createElement('span');
|
||
|
|
span.textContent = EMBED;
|
||
|
|
|
||
|
|
let iframeDefault = null;
|
||
|
|
|
||
|
|
node.addEventListener('click', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
if (span.textContent == REMOVE) {
|
||
|
|
contents.style.display = '';
|
||
|
|
|
||
|
|
if (iframeDefault !== null) {
|
||
|
|
iframeDefault.remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
span.textContent = EMBED;
|
||
|
|
} else {
|
||
|
|
if (iframeDefault === null) {
|
||
|
|
iframeDefault = makeEmbedNode(embedUrl, embedWidth, embedHeight);
|
||
|
|
}
|
||
|
|
node.insertBefore(iframeDefault, node.firstElementChild);
|
||
|
|
|
||
|
|
contents.style.display = 'none';
|
||
|
|
span.text(REMOVE);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
node.appendChild(span);
|
||
|
|
}
|
||
|
|
|
||
|
|
const embeds = document.getElementsByClassName('tiktok-embed');
|
||
|
|
for (let i = 0; i < embeds.length; i++) {
|
||
|
|
addEmbedButton(embeds[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Allow to work with auto-reload.js, etc.
|
||
|
|
document.addEventListener('new_post', function(e)) {
|
||
|
|
const post = e.detail;
|
||
|
|
const embeds = post.getElementsByClassName('tiktok-embed');
|
||
|
|
for (let i = 0; i < embeds.length; i++) {
|
||
|
|
addEmbedButton(embeds[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|