简介这是一个基于PHP 原生JavaScript 构建的视频聚合与播放平台以“吃瓜”为主题将CSV文件中的视频资源以瀑布流卡片形式优雅展示支持分类筛选、搜索、排序及多视频源切换播放。核心功能模块视频数据管理CSV 驱动通过 videos.csv 文件动态驱动内容无需数据库支持 UTF-8 / GBK / GB2312 多编码自动识别与转换内置文件缓存机制提升读取性能自动过滤无效 URL仅允许配置的安全域名瀑布流展示响应式自适应网格布局移动端 2 列 → 平板 3 列 → 桌面 4~5 列卡片入场渐入动画流畅的视觉体验每个视频卡片包含分类标签左上角西瓜主题加载动画视频预览点击播放/暂停滚动字幕标题长标题自动跑马灯多视频源数量徽章交互功能| 功能 | 说明 ||——|——|| 分类筛选 | 侧滑菜单展示所有分类及视频数量点击快速筛选 || 关键词搜索 | 实时高亮匹配标题支持中英文搜索 || 排序方式 | 从新到旧 / 从旧到新 / 标题 A→Z / 标题 Z→A || 视频播放 | 卡片内直接播放静音自动播放点击切换暂停/播放 || 弹窗播放器 | 全屏沉浸式播放支持多视频源切换左右滑动/按钮/键盘 || 统计看板 | 底部展示资源总数、视频源总数、分类数、最后更新时间 |后台数据上传up.php独立的上传管理页面仅接受 videos.csv 文件客户端 服务端双重验证文件名、大小 ≤5MB、MIME 类型、CSV 格式旧文件自动备份到 data/ 目录支持历史版本追溯拖拽上传 实时文件名校验友好的用户反馈主题与视觉风格西瓜主题配色暖橙渐变 奶油背景漂浮水果 Emoji 装饰营造轻松氛围毛玻璃效果backdrop-filter 柔和阴影全屏滚动条自定义样式PWA 友好支持 Manifest 配置技术特点| 特性 | 实现 ||——|——|| 后端语言 | PHP无框架轻量高效 || 前端 | 原生 JavaScript CSS3无外部依赖 || 数据格式 | CSVExcel 可编辑便于维护 || 视频播放 | HTML5 “支持 mp4/webm 等格式 || 响应式 | 移动优先适配手机/平板/桌面 || 安全 | 域名白名单验证、文件类型严格校验、XSS 防护 |快速部署将 index.php、up.php、videos.csv 上传至 PHP 服务器确保 logs/ 和 data/ 目录可写权限 755编辑 videos.csv 按格式添加视频数据访问 index.php 即可浏览访问 up.php 可在线更新数据测试环境PHP8.0添加的视频数据链接域名均要加入系统白名单位置于index.php文件的第150左右图片123云盘关注获得提取码