사용자가 먼저 문서와 상호 작용하지 않았기 때문에 Chrome의 \'play()가 실패했습니다\' 자동 재생 오류를 수정하는 방법은 무엇입니까?

데스크톱용 Chrome 66에서 '잡히지 않은(약속된) DOMException: 사용자가 문서와 먼저 상호작용하지 않았기 때문에 play() 실패' 오류 처리

Chrome 버전 66을 사용하여 데스크톱에서 동영상을 재생하려고 하면 다음 오류가 발생할 수 있습니다. 메시지:

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

이 오류는 사용자 상호작용 없이 자동 비디오 재생을 제한하는 Chrome의 새로운 자동 재생 차단기 때문에 발생합니다. 이 제한을 우회하려면 다음 속성을

• webkit-playsinline="true"
• playsinline="true"
• autoplay=""

솔루션

활성화하려면 데스크톱용 Chrome 66에서 자동 재생을 수행하려면 muted 속성을 video 요소에 추가해야 합니다. 이 속성은 비디오가 자동으로 재생되기 시작하여 Chrome에서 설정한 사용자 상호 작용 요구 사항을 효과적으로 충족하도록 보장합니다.

업데이트된 비디오 HTML

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
   >

사용 결과 "음소거" 속성

음소거 속성을 사용하면 다음과 같습니다. 결과:

• 사용자 상호작용 없이 동영상이 자동으로 재생됩니다.
• 오디오 출력이 음소거됩니다.
• 사용자는 여전히 동영상과 상호작용해야 합니다(예: , 볼륨을 전환하거나 음소거를 제거) 오디오를 들으십시오.

이 접근 방식을 사용하면 자동 재생이 가능하면서도 동시에 사용자에게 오디오 재생에 필요한 제어 권한을 부여하여 음소거 해제된 자동 재생과 관련된 잠재적인 부정적인 결과를 완화합니다.

위 내용은 사용자가 먼저 문서와 상호 작용하지 않았기 때문에 Chrome의 'play()가 실패했습니다' 자동 재생 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!