Question

因此，我在索引页面上有一个autoPlayed和playsinline的视频，每次我在移动设备上访问该页面时，它花费的时间都比其他页面长一点，这显然是因为另一个页面中没有autoplayed视频。

我想做的是延迟视频的加载，直到页面（DOM）完全加载为止，换句话说，我不想通过先加载仅重量较轻的资产，然后再加载来减少加载时间加载DOM，我希望视频能够加载并自动播放。

在reactjs中有可能吗？

Answer 1

初始js加载后，您可以使用useEffect播放视频。

function MyVideoComponent() {
  const videoRef = useRef(null);
  useEffect(() => {
    if(videoRef){
      videoRef.current.play();
    }
  }, []);
  return (
    <>
      <video ref={videoRef} />
    </>
  );
}

在reactjs初始加载后如何加载自动播放的视频？

1 个答案: