今天,突然间,我在我们的 React 应用程序中遇到了以下错误:HTTP 错误 429。我们在 ReactPlayer 中实现了 Youtube 链接,这个错误似乎意味着我们的应用程序对 Youtube 的请求太多。
我尝试通过使用 iframe 链接嵌入 Youtube 视频来解决该问题,例如https://www.youtube.com/embed/tckGI4C7k10。这很好用,没有错误,但不幸的是,我无法访问播放器上的当前时间或 seekTo(),因为 iframe 是孤立的(根据Getting Current YouTube Video Time)。我希望能够使用 seekTo() 来动态导航到视频中的不同时间戳。
其他人似乎也面临同样的问题,但没有任何明确的解决方案:
- https://support.google.com/youtube/thread/18653316?hl=en
- https://support.google.com/youtube/thread/21939228?hl=en。
有谁知道如何解决这个问题?谢谢。
编辑:
我正在使用的 iframe 如下。
<iframe
src={setupRef.current.content}
allowFullScreen
webkitallowfullscreen="true"
playsInline={true}
mozallowfullscreen="true"
allow="autoplay *; fullscreen *; encrypted-media *"
frameBorder="0"
style={{ width: "100%", height: "100%" }}
/>
我通过从我所在的 eduroam 学校 WIFI 切换到另一个 WIFI 解决了该错误。但我将通过在 Google 上提交支持问题来继续研究这个问题,因为它应该可以在任何地方工作。