☰

Global Video Settings

A very useful tool that improves your viewing experience

2022-06-09 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

/* ==UserStyle==
@name           Global Video Settings
@namespace      https://userstyles.world/user/xyadx
@version        1.7.0
@description    A very useful tool that improves your viewing experience
@supportURL     https://userstyles.world/style/2942/global-video-settings
@author         YAD
@license        NO-REDISTRIBUTION
@preprocessor   stylus

@var range sat "🏳️‍🌈Saturation" [100,1,300,1,"%"]
@var range bri "💡Brightness" [100,1,300,1,"%"]
@var range con "◑ Contrast" [100,1,300,1,"%"]
@var range sep "🦉Sepia" [0,0,100,1,"%"]
@var range blu "👁 Blur" [0,0,50,0.1,"px"]
@var range trX "↔️Stretch Horzontal" [1,0.1,3,0.1]
@var checkbox lin "🔗Link (Scale)" 0
@var range trY "↕️Stretch Vertical" [1,0.1,3,0.1]
@var range rot "🔄Rotate Video" [0,0,360,30,"deg"]
@var checkbox fli "🔁Flip Video" 0
@var checkbox inv "🌓Invert Colors" 0
@var checkbox ove "⏫Detach from Container(Beta)" 0
==/UserStyle== */
@-moz-document regexp("https?://(?!(.*\\.excludedsite\\.com/)).*"), url-prefix("file:///") {
	// website to exclude from this script ⬆️

	video {
		transform: rotate(rot) scaleX(trX) scaleY(trY)!important;
		filter: saturate(sat) brightness(bri) contrast(con) blur(blu) sepia(sep)!important;
		transition: 0.3s;
	// video filters
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) rotateY(180deg)!important; }
		if inv { filter: saturate(sat) brightness(bri) contrast(con) invert(1) blur(blu) sepia(sep)!important; }
		if lin { transform: rotate(rot) scaleX(trX) scaleY(trY) scaleX(trY) scaleY(trX)!important;
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) scaleX(trY) scaleY(trX)  rotateY(180deg)!important; }
		}
	}
	
	// 2022
	// Created by YAD
	
	[class*="html5-video-player"] {
		overflow: hidden!important;
		if ove { overflow: visible!important }
	}
	[class*="ended-mode"] [class="html5-video-container"] {
		display: none
	}
	// detach beta
	div {
		text-transform: none;
		if ove { overflow: visible!important }
	}
}