"잡히지 않은(약속된) DOMException: 사용자가 Chrome 66을 사용하여 데스크톱에서 먼저 문서와 상호작용하지 않았기 때문에 play()가 실패했습니다."를 처리하는 방법은 무엇입니까?

Question

오류 메시지를 받았습니다..

<인용문>

잡히지 않음(약속 있음) DOMException: 사용자가 먼저 문서와 상호 작용하지 않았기 때문에 play()가 실패했습니다.

..Chrome 버전 66을 사용하여 데스크톱에서 동영상을 재생하려고 할 때.

사이트에서 자동으로 재생되기 시작하는 광고를 찾았는데 다음 HTML이 포함되어 있습니다.

<동영상
    제목="광고"
    webkit-playsinline="true"
    재생인라인="true"
    스타일="배경색: rgb(0, 0, 0); 위치: 절대; 너비: 640px; 높이: 360px;"
    src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
    autoplay=""></video>

Chrome v66의 자동 재생 차단기를 우회하는 것은 정말 쉽습니다. webkit-playsinline="true", playsinline="true"autoplay=" " code> 및 요소의 속성은 무엇입니까? 이것이 부정적인 결과를 가져올까요?

Answer 1

크롬 66 업데이트 후 HTML 5 요소가 자동 재생되도록 하려면 비디오 요소에 muted 속성을 추가하기만 하면 됩니다.

현재 비디오 HTML

으아아아

그냥 필요해요muted="muted"

으아아아

제 생각에는 Chrome 66 업데이트가 탭이 사용자 탭에서 임의의 소음을 내지 못하게 하려는 것 같습니다. 이것이 바로 mute 속성이 자동 재생을 다시 작동하게 만드는 이유입니다.