Is it normal that media-chrome will try to pause the video first by default?

[LikeDreamwalker]

I have build a background autoplay video card like this:

          <MediaController
            id="mc"
            style={{ width: "100%", height: "100%", aspectRatio: aspectRatio }}
          >
            <video
              ref={videoRef}
              src={cdnSrc}
              loop={loop ?? true}
              autoPlay={autoPlay}
              muted
              playsInline
              preload="metadata"
              disablePictureInPicture
              onLoadedMetadata={handelMetaData}
            ></video>
            <MediaPosterImage slot="poster" src={cdnPoster} />
          </MediaController>

And I use autoPlay to control it. After I use media-chrome autoplay seems like not working properly. The video will be played at once still for some frames, but then it will be paused. And I checked the dom found this:

So I wonder is this normal for media-chrome to always paused the video first? I think that makes sense but could I avoid it? Or what's the best practice to use media-chrome to acheive an autoplay video.

[LikeDreamwalker]

This issue is caused by one of my forgotten codes, and should not relate to media-chrome.