Replace video player with HTML5 native player (also enables download of videos)
As of
// ==UserScript==
// @name thisVID.com Native Player (HTML5) and download
// @namespace _pc
// @version 2
// @license MIT
// @description Replace video player with HTML5 native player (also enables download of videos)
// @author verydelight
// @match *://thisvid.com/videos/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
function insertVideo() {
const videoElement = document.querySelector('video.fp-engine');
if (!videoElement) return;
const videoUrl = videoElement.src;
const fpPlayer = document.querySelector('.fp-player');
const ktPlayer = document.getElementById('kt_player');
const imgElement = document.querySelector('.video-holder img');
[fpPlayer, ktPlayer, imgElement].forEach(el => el?.remove());
const newVideoElement = document.createElement('video');
newVideoElement.src = videoUrl;
newVideoElement.controls = true;
newVideoElement.setAttribute("style", "width:100%;");
const videoHolder = document.querySelector('.video-holder');
if (videoHolder) {
videoHolder.appendChild(newVideoElement);
newVideoElement.play();
}
observer.disconnect();
}
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.addedNodes.length) {
insertVideo();
}
});
});
const targetNode = document.body;
const config = { childList: true, subtree: true };
observer.observe(targetNode, config);
})();