video 태그 소리 자동 재생 방법은 없나요?

🙏SIR UI/UX 디자인 의뢰(~7/31)
video 태그 소리 자동 재생 방법은 없나요?

QA

video 태그 소리 자동 재생 방법은 없나요?

답변 2

본문

<video  autoplay  loop playsinline  muted>

<source src="주소" type="video/mp4">

</video>

 

위와 같이 비디오 태그를 자동재생 시키고 있습니다.

문제는 muted 옵션을 사용안하고 소리나면서 자동재생 하고 싶은데 방법은 없을까요?

구글 크롬 정책상 안된다고 하는데 아래처럼 약간의 우회방안도 볼 수 있었습니다.

 

var autoplayVideoInterval = setInterval("autoplayVideo()",200);
        
        function autoplayVideo()      {        
            var promise = document.querySelector('video').play();        
            if (promise !== undefined)        {          
                promise.then(function (_)          { 
                            
                    clearInterval(autoplayVideoInterval);          
                }).catch(function (error) {
                         
                });        }      }

 

위의 코드는 마우스 클릭이나 홈페이지 활성화 되어야 되는데 이것도 처음 방문하는 사람은 알 수 없어서 최선의 방법은 아닌듯 하여 문의드립니다.

 

먼가 방법은 없을까요?

이 질문에 댓글 쓰기 :

답변 2

사용자의 접근성때문에 배경음이 있는 영상은 자동재생 되지 않습니다.

우회를 해도 되었다 안되었다 그러며 오히려 사이트 품질만 떨어져 검색에서 누락될수도 있습니다.

 

생각해보세요. 사용자가 해당 사이트를 방문했는데 처음부터 소리가 나면 접속자로 하여금 불쾌감이 먼저 듭니다..

별도의 플레이어가 아니면...

기본 비디오 태그로는... 사용자 인터랙션 없이는..

자동시작은 되더라도... 소리까지는 안되는 것으로 알고있습니다...

네. 답변감사합니다. 우회하는 코드 여러군데서 찾아보기는 했는데 결론적으로는 크롬/사파리 등에서 다 막는 코드 패치 한다고 하네요. 그래서 그냥 무음으로 하고 재생 플레이 하는 동영상으로 수정했습니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 77
© SIRSOFT
현재 페이지 제일 처음으로