javascript - 在 Safari（iOS 和 macOS）上刷新网站或安装 PWA 后视频无法加载

我正在构建一个 Next.js [email 应用（托管在 Vercel 上），需要在首页显示从 /public/* 目录提供的背景视频。除了 Safari（iOS 和 macOS 上）之外，背景视频在所有浏览器和设备上都能正常工作。当视频文件从 /public/* 目录提供时，首次加载页面时视频加载正常，但每当你刷新网站或安装 PWA 时，视频就不再加载，只显示视频海报。

然而，当加载来自不同提供商的视频，如 Cloudinary 或 AWS S3 时，视频在每个设备和浏览器上都能按预期加载。

起初，我以为这是 next-pwa 缓存的问题，但在禁用 PWA 功能后，我仍然遇到相同的“错误”。

这是我创建的用于重现该问题的仓库链接以及在 Vercel 上部署的示例链接：

• Github 项目
• 已部署到 Vercel