owncast/web/components/video/VideoJS/VideoJS.module.scss

.player {
  height: auto !important;
  width: 100%;
  video {
    position: static !important;
  }
}

.poster {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .player {
    height: 30vh !important;
  }
}
Use some style values so it looks like this page is making progress 2022-05-07 20:25:04 +03:00			`.player {`
Changed chat behaviour added recoil value isMobile to determine which chat to display and style. #1978 changed the player to actually span across the viewport without the black borders around it. 2022-07-03 13:36:30 +03:00			`height: auto !important;`
Use some style values so it looks like this page is making progress 2022-05-07 20:25:04 +03:00			`width: 100%;`
Changed chat behaviour added recoil value isMobile to determine which chat to display and style. #1978 changed the player to actually span across the viewport without the black borders around it. 2022-07-03 13:36:30 +03:00			`video {`
			`position: static !important;`
			`}`
Fix web project build errors 2022-05-12 09:31:31 +03:00			`}`
Make video poster fill player and not use the logo. For #1857 2022-06-30 00:01:41 +03:00
			`.poster {`
			`width: 100%;`
			`height: 100%;`
Changed chat behaviour added recoil value isMobile to determine which chat to display and style. #1978 changed the player to actually span across the viewport without the black borders around it. 2022-07-03 13:36:30 +03:00			`}`
Reworked mobile UI for some components 2022-07-08 23:20:22 +03:00
			`@media (max-width: 768px) {`
			`.player {`
			`height: 30vh !important;`
			`}`
			`}`