本源码包提供网站侧边栏可折叠视频组件实现方案，主要功能包括：

• 侧边悬浮可折叠面板设计

• 随机播放舞蹈视频功能

• 内置视频API接口调用

• 轻量级实现不影响页面性能

文件结构说明

完整源码包包含以下文件：

1. sidebar-video.html - 组件HTML结构文件

2. css/sidebar.css - 组件样式表

3. js/sidebar.js - 交互逻辑脚本

4. config.json - 视频接口配置

技术实现细节

1. ‌HTML结构‌

• 侧边固定定位容器

• 折叠/展开控制按钮

• 视频播放器容器

• 响应式设计适配

2. ‌CSS样式‌

• 平滑过渡动画效果

• 悬浮阴影效果

• 自适应尺寸调整

• 主题配色系统

3. ‌JavaScript功能‌

• 随机视频选择算法

• 折叠状态管理

• 视频API调用

• 错误处理机制

部署使用说明

1. 将文件上传至网站目录

2. 在页面底部引入CSS和JS

3. 修改config.json配置视频源

4. 调整位置参数适配网站风格

自定义配置选项

1. 视频源列表修改

2. 组件位置调整(左/右)

3. 默认折叠状态设置

4. 触发区域大小配置

5. 动画持续时间调整

兼容性说明

已测试兼容：

• Chrome/Firefox/Edge最新版

• 移动端触屏设备

• 主流前端框架(Vue/React)

• 常见CMS系统