Remove artefacts when maximising HTML5 videos while f.lux is active

RemoveFluxArtefact.user.js

// ==UserScript==
// @name         Remove full screen HTML5 video artefacts under f.lux
// @namespace    RemoveFluxVideoArtefacts
// @include      *
// @author       Aditya Mukherjee
// @description  Remove artefacts when maximising HTML5 videos while f.lux is active
// ==/UserScript==

/**
 * Solution from this chrome extension[1], for those who don't want to install a full extension.
 * [1]: https://chrome.google.com/webstore/detail/videofixer-for-flux/gmkeppffdejhpppfnbgakglpoeaobhhh
 */

window.addEventListener("load", () => {
  let style = document.createElement("style");
  style.type = "text/css";
  style.innerHTML = `
    video { opacity: 0.996 !important; }
  `;
  document.querySelector("head").appendChild(style);
});