Files
pathduck.github.io/test/video-filters/index.html
T
2024-06-02 21:04:09 +02:00

33 lines
1.2 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<title>HTML Test Page</title>
<style>
body{color: #bbb;background: #501020;}
video.important { filter: brightness(250%) hue-rotate(180deg) !important; }
video.no-important { filter: brightness(250%) hue-rotate(180deg); }
h3.important { filter: brightness(500%) !important; }
h3.no-important { filter: brightness(500%); }
</style>
</head>
<body>
<h2>Test Video filter bug in Vivaldi 6.8</h2>
Both videos should have a 250% brightness and hue-rotation to orange.<br>
Both video titles should be at 500% brightness (white).
<center>
<h3 class="important";>Video 1 - with <code>!important</code> rule</h3>
<video class="important" width="960" height="540" controls muted>
<source src="https://help.vivaldi.com/wp-content/uploads/2017/12/vivaldi_success.mp4">
Your browser does not support the video tag.
</video>
<h3 class="no-important">Video 2 - no <code>!important</code> rule</h3>
<video class="no-important" width="960" height="540" controls muted>
<source src="https://help.vivaldi.com/wp-content/uploads/2017/12/vivaldi_success.mp4">
Your browser does not support the video tag.
</video>
</center>
</body>
</html>