Web-page-player

本地网页视频播放器（纯 HTML 实现）

说明文档

本项目是一个基于纯 HTML 的本地网页视频播放器，适用于在本地或服务器上播放在线视频。以下为使用过程中需要注意的事项和技术限制说明。

---

🌐 协议相关注意事项

HTTPS 与 HTTP 视频播放限制

• HTTPS 部署环境

  • 只能播放以 https:// 开头的视频链接。
  • 无法播放以 http:// 开头的视频资源。
  • 这是由于现代浏览器的安全策略（混合内容限制）所导致，并非程序 Bug。
  • 特例：某些浏览器（如 X 浏览器）支持忽略证书限制，可播放 http 视频。

• HTTP 部署环境

  • 支持播放 http:// 和 https:// 开头的视频资源。
  • 更适合用于测试或局域网内部使用。

⚠️ 注意：这不是代码问题，而是互联网所有在线视频播放器都会遇到的标准限制。

---

📱 移动端浏览器兼容性说明

抖音直播流播放问题

• 某些手机浏览器可能无法播放抖音直播流。
• 原因分析：
  • 并非代码 Bug。
  • 是部分浏览器对直播协议（如 HLS、FLV）或 CDN 路径不支持。
  • 已验证：
    • vivo 自带浏览器可以正常播放抖音直播直链。
    • PC 端 Edge 和 360 浏览器支持播放。

---

🧩 解决方案建议

使用场景	推荐部署方式	说明
本地播放	本地	无跨域限制，适合调试
局域网内分享	http 部署	可播放所有协议开头的视频
公网访问	https 部署	需统一使用 https 视频源

---

🎥 mkv视频提取字幕教程

如需从 MKV 视频文件中提取字幕，可以参考此视频教程：Bilibili - MKV视频提取字幕教程

---

📓 思源笔记使用教程

参考#10

❓常见问题解答

Q：为什么视频无法加载？

A：请检查视频链接是否符合当前部署环境的协议要求（HTTP/HTTPS）。

Q：如何让 HTTPS 页面播放 HTTP 视频？

A：除非使用代理服务器转为 HTTPS，否则现代浏览器不允许此类操作。

Q：移动端无法播放直播怎么办？

A：尝试更换浏览器，优先使用系统默认浏览器或 Chrome。

---

📝 总结

• 本播放器为纯 HTML 实现，简单易用。
• 请根据部署环境选择合适的视频协议。
• 手机浏览器兼容性需注意直播协议和浏览器支持情况。

🚀 贡献者

⭐️ 收藏 历史

---

效果图