#videoPlayerContainer {
    position: relative;
}

.video-js .vjs-control {
    width: 3em;
}

/* 進度條 */
.video-js .vjs-progress-control {
    min-width: 5em;
}

/* 時間區塊 */
.video-js .vjs-time-control {
    padding-left: 0;
    padding-right: 0;
    min-width: 1em;
}

/* 現在時間、總時長 */
.vjs-current-time, .vjs-duration {
    display: block !important;
}

/* 時間分隔線 */
.vjs-time-divider {
    display: flex !important;
    justify-content: center;
}

/* 音量鍵 */
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 3em;
}

.videoJsError {
    position: absolute;
    top: 15px;
    z-index: 9999;
    box-sizing: border-box;
    width: calc(100% - 30px);
    height: calc(50vh + 15px);
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobileVideoJsError {
    position: absolute;
    top:0;
    left:0;
    z-index: 9999;
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 5 / 3;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videoJsError__text {
    color: #fff
}

@media (max-width: 480px) {
    .videoJsError {
        height: 25vh;
    }
}