Next.js 从 Instagram 远程加载视频

Question

我正在尝试将视频从 Instagram 服务器远程加载到我的 Next.js 应用程序中并播放。

我遇到了403 Forbidden。

Instagram 提供此 URL 来访问视频：

https://scontent-syd2-1.cdninstagram.com

我正在做一个非常基本的 JSX 输出，如下所示：

<video src={MY_INSTA_URL} type="video/mp4"></video>

有什么方法可以更新 next.config.js 以允许来自该地址的视频吗？

Answer 1

尝试从 Instagram 服务器访问内容时，无法直接修改 next.config.js 文件来绕过 403 Forbidden 错误。 403 错误表明服务器拒绝满足请求，可能是由于访问限制或权限问题。

Instagram 的服务器可能被配置为阻止从外部网站或应用程序直接访问其内容。他们可能已经实施了安全措施，例如 CORS（跨源资源共享）策略或其他访问控制来保护其内容并确保只能通过其官方渠道或 API 访问内容。