[javascript/jquery] 비디오 DOMException: play() failed because the user didn't interact with the document first 에러 해결방법

[javascript/jquery] 비디오 DOMException: play() failed because the user didn't interact with the document first 에러 해결방법

 

 

javascript 에서

 

video 태그를 조작하다 보면

 

자동실행이 안되는 경우가 있습니다.

 

브라우저 에서 보안상 기능을 막은건데요.

 

소리와 재생을 동시에 할수가 없는 부분이라서

 

아래와 같은 오류가 나옵니다.

 

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

 

그럴때는

 

아래 내용처럼

 

음소거를 시키고, 재생한 후 

 

음소거를 해제하는 방법으로 처리가 가능합니다!

 

video.muted = true;
video.play();
video.muted = false;

 

참고들 하세요!