/**
 * 视频控制栏样式
 * 隐藏不需要的视频控件
 */

/* xgplayer 容器 - 继承父元素的尺寸 */
.xgplayer-container {
    width: 100%;
    height: 100%;
    display: block;
}

/* 隐藏全屏按钮 */
.gallery-video video::-webkit-media-controls-fullscreen-button,
.video-wrapper video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

/* 隐藏播放速率按钮 */
.video-wrapper video::-webkit-media-controls-playback-rate-button {
    display: none !important;
}

/* 隐藏画中画按钮 */
.video-wrapper video::-webkit-media-controls-picture-in-picture-button {
    display: none !important;
}

/* 隐藏覆盖层 */
.video-wrapper video::-webkit-media-controls-overlay-enclosure {
    display: none !important;
}

/* xgplayer 控制栏透明背景 */
.xgplayer-container .xgplayer-controls {
    background: transparent !important;
    background-image: none !important;
    border-top: none !important;
}

/* xgplayer 控制栏背景渐变遮罩也隐藏 */
.xgplayer-container .xgplayer-controls-bg {
    display: none !important;
}

/* 进度条轨道样式 */
.xgplayer-container .xgplayer-progress .xgplayer-progress-bg {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* 进度条播放部分 */
.xgplayer-container .xgplayer-progress .xgplayer-progress-played {
    background: #0066ff !important;
}

/* 进度条缓存部分 */
.xgplayer-container .xgplayer-progress .xgplayer-progress-cache {
    background: rgba(255, 255, 255, 0.5) !important;
}