video 태그 소리 자동 재생 방법은 없나요?
본문
<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
사용자의 접근성때문에 배경음이 있는 영상은 자동재생 되지 않습니다.
우회를 해도 되었다 안되었다 그러며 오히려 사이트 품질만 떨어져 검색에서 누락될수도 있습니다.
생각해보세요. 사용자가 해당 사이트를 방문했는데 처음부터 소리가 나면 접속자로 하여금 불쾌감이 먼저 듭니다..
별도의 플레이어가 아니면...
기본 비디오 태그로는... 사용자 인터랙션 없이는..
자동시작은 되더라도... 소리까지는 안되는 것으로 알고있습니다...