☰

Global Video Settings

some videos wer squeeze into square, lack of saturation, or like on tiktok some videos want you to turn your screen upside down this might help you on that.

As of 19.04.2022. See ბოლო ვერსია.

/* ==UserStyle==
@name           Global Video Settings
@namespace      https://userstyles.world/user/xyadx
@version        1.6.8
@description    some videos wer squeeze into square, lack of saturation, or like on tiktok some videos want you to turn your screen upside down this might help you on that.
@supportURL     https://userstyles.world/style/2942/global-video-settings
@author         YAD
@license        NO-REDISTRIBUTION
@preprocessor   stylus

@var range sat "🏳️‍🌈Saturation" [100,1,200,1,"%"]
@var range bri "💡Brightness" [100,1,200,1,"%"]
@var range con "◑ Contrast" [100,1,200,1,"%"]
@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 "🔄Video Rotation" [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)!important;
		transition: 0.5s;
	// confusing stuff
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) rotateY(180deg)!important; }
		if inv { filter: saturate(sat) brightness(bri) contrast(con) invert(1)!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 for fun
	
	[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 }
	}
}