There is a phenomenon that the video stops when you go back and forth like the video above. I've used a browser other than Chrome, but this is only happening in Chrome.

  <video
        className={styles.background}
        id="video"
        autoPlay="autoplay"
        muted="muted"
        loop
        preload
        webkit-playsinline
        playsInline
      >
        <source src={background} className={styles.video} type="video/mp4" />
      </video>

I've put the properties so that the video can be played automatically in the code now. If you know about this phenomenon, please help me.