v0.1/styling-and-bug-fixes #38
|
@ -0,0 +1,9 @@
|
||||||
|
.container {
|
||||||
|
li {
|
||||||
|
color: white !important
|
||||||
|
}
|
||||||
|
|
||||||
|
li:not(.vjs-selected) span {
|
||||||
|
color: var(--primary) !important;
|
||||||
|
}
|
||||||
|
}
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue