adds bunch of settings to a video
/* ==UserStyle==
@name Video Tweaker
@namespace https://userstyles.world/user/xyadx
@version 1.7.4
@description adds bunch of settings to a video
@supportURL https://userstyles.world/style/2942
@author YAD
@license NO-REDISTRIBUTION
@preprocessor stylus
@var range sat "🌈Saturation" [110,1,300,1,"%"]
@var range bri "💡Brightness" [110,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 "⏹️Proportion 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 an1m "📳Shake" 0
@var checkbox force "🎛️Force Native Controls(Beta)" 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 {
if an1m { animation: shake 0.8s infinite; transform: }
transform: rotate(rot) scaleX(trX) scaleY(trY)!important;
filter: saturate(sat) brightness(bri) contrast(con) blur(blu) sepia(sep)!important;
transition: 0.5s;
// 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; }
}
}
// shaker
@keyframes shake {
10%, 90% { transform: translate3d(-1px, 0, 0); }
20%, 80% { transform: translate3d(2px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
40%, 60% { transform: translate3d(4px, 0, 0); }
}
// 2022
// Created by YAD
// detach beta
if ove {
#container {
text-transform: none;
overflow: visible!important;
display: hidden!important
}
}
if force {
video::-webkit-media-controls-panel {
display: block!important;
z-index: 9999!important;
position fixed!important;
background: none;
top:75%;
left: 0%;
overflow: hidden;
}
}
}