lamacchinadesiderante/proxyraye-nextjs
lamacchinadesiderante
/
proxyraye-nextjs
0
0
Fork 0
Code Issues 20 Pull Requests Packages Projects 6 Releases 7 Wiki Activity

fix video resolution menu colors

This commit is contained in:
lamacchinadesiderante 2024-04-25 19:56:38 +02:00
parent 775cca3475
commit 59dbdc1bdc
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Layout/Player/VideoJS/VideoJS.module.scss Normal file
View File

@ -0,0 +1,9 @@
.container {
li {
color: white !important
}
li:not(.vjs-selected) span {
color: var(--primary) !important;
}
}

4
src/components/Layout/Player/VideoJS/index.tsx
View File

@ -6,6 +6,8 @@ import videojs from 'video.js';
import 'video.js/dist/video-js.css'; import 'video.js/dist/video-js.css';
import style from './VideoJS.module.scss'
export const VideoJS = (props: { options: any; onReady: any; }) => { export const VideoJS = (props: { options: any; onReady: any; }) => {
const videoRef = React.useRef(null); const videoRef = React.useRef(null);
const playerRef = React.useRef(null); const playerRef = React.useRef(null);
@ -56,7 +58,7 @@ export const VideoJS = (props: { options: any; onReady: any; }) => {
}, [playerRef]); }, [playerRef]);
return ( return (
<div data-vjs-player> <div className={style.container} data-vjs-player>
<div ref={videoRef} /> <div ref={videoRef} />
</div> </div>
); );