/* ÉP TRÌNH PHÁT VIDEOJS SỬ DỤNG FONT BIỂU TƯỢNG CDN CHUẨN (SỬA LỖI Ô TRỐNG) */
@font-face {
    font-family: 'VideoJS';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.eot');
    src: url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.eot?#iefix') format('embedded-opentype'),
        url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.woff2') format('woff2'),
        url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.woff') format('woff'),
        url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.ttf') format('truetype'),
        url('https://cdnjs.cloudflare.com/ajax/libs/video.js/7.21.5/font/VideoJS.svg#VideoJS') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /* Thuộc tính giúp tối ưu hóa điểm Google PageSpeed */
}

/* Áp dụng font chữ này bắt buộc cho toàn bộ icon nút bấm bên trong Player */
.video-js .vjs-icon-placeholder:before,
.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.vjs-icon-pause:before,
.vjs-icon-volume-mute:before,
.vjs-icon-volume-low:before,
.vjs-icon-volume-mid:before,
.vjs-icon-volume-high:before,
.vjs-icon-fullscreen-enter:before,
.vjs-icon-fullscreen-exit:before,
.vjs-icon-square:before,
.vjs-icon-cog:before,
.vjs-icon-hd:before,
.vjs-icon-subtitles:before,
.vjs-icon-captions:before {
    font-family: 'VideoJS' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: scale(1.1);
    /* Phóng to nhẹ icon cho nét như YouTube */
}

/* Ẩn hoàn toàn các ký tự text mô tả lỗi hiển thị khi chuyển trang ngầm */
.video-js .vjs-hidden,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-control-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Định dạng lại khung của control bar khi chạy trên SPA Nextjs */
.video-js .vjs-control-bar {
    z-index: 2 !important;
}

/* Ẩn triệt để hộp thoại cấu hình phụ đề dạng văn bản thô của VideoJS */
.vjs-modal-dialog,
.vjs-modal-dialog-content,
.vjs-text-track-settings,
.vjs-caption-settings {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Định dạng lại nút CC và nút thiết lập độ phân giải nằm gọn gàng trên thanh control bar */
.video-js .vjs-control-bar .vjs-subs-caps-button,
.video-js .vjs-control-bar .vjs-resolution-button {
    display: inline-block !important;
    cursor: pointer;
}