>

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)에서만 작동하지 않습니다.

  • 답변 # 1

    재생 버튼을 눌렀을 때 비디오를 자동 재생하려고합니까? 아니면 오류가 발생합니까?

    동영상을 자동 재생하려는 경우 자동 재생시 동영상에서 소리가 나는 경우 더 이상 브라우저를 허용하지 않습니다. 오디오를 비활성화 한 다음 비디오를 자동 재생하는 것이 가능합니다.

    <video id="video" controls autoplay>
       <source src="/path/to/video.mp4" type="video/mp4">
    </video>
    
    

관련 자료

  • 이전 C #/ASPNET에서 인터넷을 비동기 적으로 확인
  • 다음 c# - 도커 컨테이너 외부에 로그 파일 노출