@qonsoll/qvideo/dist/styles/styles.css

- [Integration](#Integration) - [Recorder properties](#Recorder-properties) - [Player properties](#Player-properties) - [Remote control](#Remote-control) - [Statistic](#Statistic) - [Chapters](#Chapters) - [Translations](#Translations)

@import "qVideoVars.css";

#vjs_video_3_html5_api {
  object-fit: cover;
}
.vjs-tech {
  object-fit: contain;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  min-height: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
}

.vjs-record-indicator {
  display: none !important;
}
/* ::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 8px var(--qv-gray-10-t);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--qv-gray-6-t);
  border-radius: 8px;
} */
.vjs-record .vjs-device-button.vjs-control{
  display: none !important;
}
.vjs-record.vjs-device-button.vjs-control.vjs-icon-sv-perm{
  display: none !important;
}
.vjs-pip-button.vjs-control.vjs-button.vjs-icon-picture-in-picture-start {
  /*display: none;*/
}

.vjs-remaining-time.vjs-time-control.vjs-control{
  display: none !important;
}

.video-js .vjs-big-play-button {
  display: none !important;
}
.vjs-big-play-button{
  display: none  !important;
}

.video-js .vjs-control-bar {
  display: none !important;
}


.vjs-control-bar {
  display: none !important;
}
.vjs-has-started .vjs-control-bar{
  display: none  !important;
}

.vjs-poster {
  background-size: cover !important;
}

.youtube-container {
  width: 100%;
  height: 100%;
}

.playerCover{
    display: flex;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all .5s cubic-bezier(0.75, 0, 0.5, 1);

}
.playerCoverHide{
    z-index: 0;
    transform:  rotate(-45deg) scale(5);
    transition: all .5s cubic-bezier(0.75, 0, 0.5, 1);

}
.video-js .vjs-tech {
  position: static !important;
}