吃瓜主题视频瀑布流PHP程序

一、项目概述

本程序由PHP+原生JavaScript开发，属于视频聚合播放平台；围绕吃瓜主题设计，读取videos.csv内的视频资源，以瀑布流卡片样式呈现内容，配套分类筛选、关键词搜索、排序、多视频源切换播放等实用功能。

二、核心功能模块

1. 视频数据管理（CSV驱动，无需数据库）

• 依托videos.csv文件承载全部视频内容，不用搭建数据库
• 自动识别并转换UTF-8 / GBK / GB2312多种文件编码
• 内置文件缓存机制，加快数据读取速度
• 自动剔除无效链接，仅放行白名单内的安全域名

2. 响应式瀑布流展示

• 自适应网格布局：移动端2列、平板3列、电脑端4–5列
• 卡片加载自带渐入动画，浏览观感流畅
• 单张视频卡片包含元素：
  ①左上角分类标签；②西瓜风格加载动画；③可直接启停的视频预览区；④长标题滚动跑马灯；⑤多视频源数量标识徽章

3. 交互功能（表格整理）

功能	详细说明
分类筛选	侧滑菜单罗列全部分类及对应视频数量，点击即可快速筛选内容
关键词搜索	检索结果高亮匹配标题文字，中英文均可搜索
排序切换	支持新旧两种时间排序、标题正序(A→Z)/倒序(Z→A)四种排序规则
卡片内播放	卡片区域静音自动播放视频，单击即可暂停/继续播放
弹窗播放器	全屏沉浸式播放，可通过滑动、按钮、键盘三种方式切换不同视频源
统计看板	页面底部展示视频总量、视频源总量、分类总量、数据最后更新时间

4. 后台数据上传（up.php）

• 专属上传页面，仅允许上传videos.csv格式文件
• 客户端、服务端双重校验：核验文件名、文件大小上限5MB、MIME类型、CSV合规格式
• 旧版CSV自动备份至data/文件夹，可回溯历史数据版本
• 支持拖拽上传，实时校验文件名并给出操作提示

5. 主题视觉设计

• 配色：西瓜主题风格，暖橙渐变搭配奶油底色
• 页面点缀漂浮水果Emoji，氛围轻松休闲
• 界面运用毛玻璃backdrop-filter特效+柔和阴影
• 自定义全屏滚动条样式
• 兼容PWA规范，可配置Manifest实现渐进式网页应用效果

三、技术特点汇总

特性	具体实现方案
后端语言	原生PHP，未使用框架，轻量化、运行高效
前端技术	原生JavaScript+CSS3，无第三方外部依赖
数据存储	CSV文件，可用Excel直接编辑，运维门槛低
播放方案	HTML5视频标签，兼容mp4、webm等主流视频格式
适配策略	移动优先设计，全适配手机、平板、桌面设备
安全防护	域名白名单校验、上传文件严格验型、内置XSS防护

四、快速部署步骤

1. 上传index.php、up.php、videos.csv三个文件至PHP环境的服务器站点目录
2. 将logs、data两个文件夹权限设置为755，确保目录可写入
3. 按照分类,标题,链接的格式编辑videos.csv录入视频信息，示例：

搞笑,猫猫跳舞,https://example.com/video1.mp4

4. 访问index.php进入前台浏览页面；访问up.php进入后台，在线更新视频数据