naimi/yass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Replace video.js library with a native HTML5 video element for screen sharing playback.

Browse Source
This commit is contained in:
Kibi Kelburton
2026-02-23 03:07:58 +01:00
parent 2a6be8d757
commit 610ad6d661
3 changed files with 13 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
public/style.css
View File

@@ -179,55 +179,18 @@ video.active {
overflow: hidden;
}
.video-wrapper {
.viewer-container video {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 0;
border: none;
margin: 0;
display: none;
}
.video-wrapper.active {
.viewer-container video.active {
display: block;
animation: fadeIn 0.5s ease forwards;
}
/* Custom Video.js Overrides for Premium Glass Look */
.video-js {
width: 100% !important;
height: 100% !important;
background-color: transparent !important;
}
.video-js .vjs-tech {
object-fit: contain;
}
.vjs-theme-city .vjs-control-bar {
background: rgba(15, 23, 42, 0.85) !important;
backdrop-filter: blur(8px) !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
height: 50px !important;
padding: 0 10px !important;
}
.vjs-theme-city .vjs-play-progress,
.vjs-theme-city .vjs-volume-level {
background: var(--accent-color) !important;
}
.vjs-theme-city .vjs-big-play-button {
background: rgba(15, 23, 42, 0.85) !important;
backdrop-filter: blur(8px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 50% !important;
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
transition: all 0.3s ease !important;
}
.vjs-theme-city .vjs-big-play-button:hover {
background: var(--accent-color) !important;
transform: scale(1.1) !important;
}
.overlay {