/* 确保播放器自适应所设备宽度 */ 
.video-js {
    width: 100% !important;
    max-width: 100%;
    height: 360px;
}

@media (max-width: 768px) {
    .video-js {
        height: 220px;  /* 移动端的高度 */
    }
}

/* 自定义“上集”按钮的样式 */
.vjs-previous-episode-button {
    background-color: #28a745; /* 上集按钮的背景色 */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 14px;
}

.vjs-previous-episode-button:hover {
    background-color: #218838; /* 上集按钮的悬停状态 */
}

/* 自定义“下一集”按钮的样式 */
.vjs-next-episode-button {
    background-color: #007bff; /* 下一集按钮的背景色 */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 14px;
}

.vjs-next-episode-button:hover {
    background-color: #0056b3; /* 下一集按钮的悬停状态 */
}