diff --git a/web/components/video/OwncastPlayer.tsx b/web/components/video/OwncastPlayer.tsx index 438c7b50c..1646d48c3 100644 --- a/web/components/video/OwncastPlayer.tsx +++ b/web/components/video/OwncastPlayer.tsx @@ -296,7 +296,9 @@ export default function OwncastPlayer(props: Props) { )}
- {!videoPlaying && } + {!videoPlaying && ( + + )}
); diff --git a/web/components/video/Player.module.scss b/web/components/video/Player.module.scss index 2480e9234..b98a6f3b9 100644 --- a/web/components/video/Player.module.scss +++ b/web/components/video/Player.module.scss @@ -2,3 +2,8 @@ height: 80vh; width: 100%; } + +.poster { + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/web/components/video/VideoPoster.module.scss b/web/components/video/VideoPoster.module.scss index bed512a6f..890bcf064 100644 --- a/web/components/video/VideoPoster.module.scss +++ b/web/components/video/VideoPoster.module.scss @@ -2,4 +2,6 @@ background-color: black; display: flex; justify-content: center; + width: 100%; + height: 100%; } diff --git a/web/components/video/VideoPoster.tsx b/web/components/video/VideoPoster.tsx index c589029cf..c8f71ae88 100644 --- a/web/components/video/VideoPoster.tsx +++ b/web/components/video/VideoPoster.tsx @@ -30,7 +30,7 @@ export default function VideoPoster(props: Props) { return (
- {!online && logo} + {!online && logo} {online && ( )}