HTML {
  height: 100%;
}
BODY {
  background-color: #000;
  height: 100%;
}
.ctr {
  height: 100%;
  position: relative;
  text-align: center;
}
.ctr.playing .svg.playing {
  display: none !important;
}
.ctr.horizontal .svg {
  width: 20%;
}
.ctr.vertical .svg {
  width: 60%;
}
.videos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.videos .video-js {
  display: flex;
  z-index: -1;
}
.videos .video-js.vjs-16-9 {
  width: 100%;
}
.svg {
  fill: #fff;
  display: block;
  margin: 0 auto;
}