AI摘要：YoduPlayer是一款开源多媒体播放器，支持多种格式和系统。本文介绍了如何通过自定义CSS样式来调整播放器外观，包括背景、文字颜色、按钮样式等。

YoduPlayer 是一个开源的多媒体播放器，旨在提供高效且易于使用的播放体验。它通常支持多种音视频格式，并能够播放本地和在线媒体文件。YoduPlayer 的设计注重简单性和用户友好，支持 Windows 和类 Unix 系统（如 Linux 和 macOS）。
自定义CSS样式

#bgmplayer {
    background: #000000; /* 黑色背景 */
    color: white; /* 白色文字 */
    border-radius: 8px 0 0 8px;
    transition: transform .5s ease;
    box-shadow: 0 0 6px 1px rgb(221,221,221);
    -webkit-box-shadow: 0 0 6px 1px rgb(221,221,221);
    -moz-box-shadow: 0 0 6px 1px rgba(221,221,221,1);
}

/* 设置播放器面板的背景色为黑色 */
#bgmpanel {
    background-color: #000000; /* 黑色背景 */
}

/* 设置播放控制按钮和其他元素的背景和字体颜色 */
.bgmbtn span {
    padding: 3px;
    cursor: pointer;
    color: white; /* 按钮文字为白色 */
}

.bgmbtn span:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 鼠标悬停时按钮的背景为浅灰色 */
}

/* 设置播放列表背景为黑色 */
#playlist {
    background-color: #000000; /* 黑色背景 */
    color: white; /* 白色文字 */
}

/* 设置播放器标题、时间等的样式 */
.bgmtitle, .bgmtime span, .anum, strong {
    color: white; /* 所有文字颜色为白色 */
}

/* 设置背景模糊层颜色和背景图片 */
#bgmplayer .board .blurred {
    background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明背景 */
}

#yodubg {
    background-color: #000000; /* 设置黑色背景 */
    background-image: none; /* 去除背景图片 */
}
#playlist li.yd-lib:hover {
    background-color: #000000; /* 设置列表项 hover 背景为黑色 */
    color: white; /* 设置列表项 hover 文字为白色 */
}

Yoduplayer Github项目地址：https://github.com/jrotty/YoduPlayer