javascript - iOS 및 Android에서 HTML5 비디오가 재생되지 않습니다

iOS 및 Android 장치에서 비디오를 재생할 수 없습니다. Safari 원격 디버깅을 사용할 때 다음과 같은 문제가 발생합니다.

Unhandled Promise Rejection: AbortError: The operation was aborted.

내 HTML 코드

<video id="video" class="absolute right-0 bottom-0 min-w-full min-h-full w-auto" controls autoplay>
   <source src="/path/to/video.mp4" type="video/mp4">
   <!-- the absolute path doesn't work too -->
   <source src="https://example.com/path/to/video.mp4" type="video/mp4"> 
</video>
<!-- this code doesn't work too -->
<video id="video" src="/path/to/video.mp4" type="video/mp4" class="absolute right-0 bottom-0 min-w-full min-h-full w-auto" controls autoplay></video>

내 JS 코드

let video = document.getElementbyId('video');
const videoPromise = document.querySelector('video').play();
let video_cta = document.getElementbyId('video_cta');
//this doesn't fix my problem
if (videoPromise !== undefined) {
    videoPromise.then(_ => {
      video.play();
    })
    .catch(error => {
       console.log(error);
    })
}
//this code doesn't work too:
function fetchVideoAndPlay() {
    fetch('https://example.com/file.mp4')
    .then(response => response.blob())
    .then(blob => {
      video.srcObject = blob;
      return video.play();
    })
    .then(_ => {
      // Video playback started ;)
    })
    .catch(e => {
      // Video playback failed ;(
    })
}
//start video after click the button
video_cta.addEventListener('click' function() {
    video.play()
})

요약 : 상대 또는 절대 경로를 사용하든 iOS 및 Android 기기의 모바일 브라우저 (Chrome, Safari)에서만 작동하지 않습니다.