feat(frontend): refine video player and tweak sources

1 files changed, 11 insertions, 4 deletions

diff --git a/resources/src/css/tubo.scss b/resources/src/css/tubo.scss
index 5d795f8..91d33fa 100644
--- a/resources/src/css/tubo.scss
+++ b/resources/src/css/tubo.scss
@@ -8,11 +8,18 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 @import "video.js/dist/video-js.css";
+@import "@silvermine/videojs-quality-selector/dist/css/quality-selector.css";
 
-video[poster] {
+.vjs-tubo .vjs-poster img {
   object-fit: cover;
 }
-.vjs-poster {
-  background-size: cover !important;
-  background-position: inherit;
+
+.vjs-tubo .vjs-control-bar {
+  background: none;
+}
+
+.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button {
+  background: none;
+  font-size: 120px;
+  border: none;
 }