使用过滤器/暗模式观看明亮视频的书签

问题描述

我目前正在 Youtube 上观看程序教程，视频作者的编辑器中没有设置深色主题。

我通常在所有网站上使用 Firefox 插件 DarkReader，这会将网站置于黑暗模式。

但是该插件不适用于视频。

这就是为什么我正在寻找一种可能性来放置由例如播放的视频Youtube，进入黑暗模式。

理想情况下是一个书签，它会使整个网站以及视频本身变暗。

解决方法

这是一个小书签，可以使整个网页变暗，并使后面的按钮仍可点击：

javascript: (function () {
    var FilterOnTopDiv = document.createElement('div');
    FilterOnTopDiv.setAttribute('style','width: 100%;
                     height:100%;
                     z-index:999999;
                     position:fixed;
                     left:0px;
                     top:0px;
                     background-color:#000;
                     opacity: 0.25;
                     pointer-events:none;');
    document.body.appendChild(FilterOnTopDiv);
}());

opacity 设置为 0.25，这意味着在多次点击书签时，每次点击网页总是变暗 0.25。

当重新加载网页时，像往常一样使用书签，一切都会被重置。

您可以更改 background-color 的颜色，不仅可以将其变暗，还可以过滤其他颜色，例如过滤掉蓝色调。

在 Firefox 版本 78.6.0esr（64 位）上测试。