时间戳

首页 > 解决方案 > 使用过滤器/暗模式观看明亮视频的书签

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

问题描述

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

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

但该插件不适用于视频。

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

理想情况下将是一个书签，它使整个网站变暗，从而也使视频本身变暗。

标签： javascriptcssyoutubebookmarklet

解决方案

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

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);
}());

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

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

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

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

推荐阅读