TikTok Video Linker

Create a button to copy a direct link to a TikTok Video

// ==UserScript==
// @name         TikTok Video Linker
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Create a button to copy a direct link to a TikTok Video
// @author       rf5860
// @match        https://www.tiktok.com/*/video/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tiktok.com
// @grant        GM_setClipboard
// ==/UserScript==

(function() {
    'use strict';
    let observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (typeof mutation.addedNodes == "undefined" || mutation.addedNodes.length == 0) return;
            console.log(mutation.addedNodes);
            [...mutation.addedNodes]
                .flatMap(e => e.querySelectorAll && [e, ...e.querySelectorAll("video")] || [])
                .filter(e => e.nodeName && e.nodeName == "VIDEO")
                .forEach(addCopyLinkButton);
        })
    });

    observer.observe(document.body, {
        childList: true, subtree: true
        , attributes: false
        , characterData: false
    });
    function addCopyLinkButton(e) {
        var video = document.querySelector('video');
        console.log('Video ' + (!!video));
        var container = video.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
        var button = document.createElement("button");
        button.textContent = '📋';
        button.id = 'copy-link';
        button.onclick = () => GM.setClipboard(video.src);
        button.style = 'scale: 1.35; margin: 1em';
        container.parentNode.insertBefore(button, container.nextSibling);
    }
})();