html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: black;
  overflow: hidden;
}
  #live-stream {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #live-stream.hidden {
    display: none;
  }
  #status-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    display: none;
  }
  #status-image.visible {
    display: block;
  }
  #video-container video {
    z-index: 0;
    display: block;
  }
  #video-wrapper,
  #video-wrapper video,
  #video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    border: none;
  }