🚩목표
페이지 로드 후 배경영상이 자동으로 무한재생 되어야 한다.
❓문제❓
<video src="./assets/images/loader-video-pc.mp4" autoplay loop ></video>👉 video에 autoplay(자동재생), loop(무한재생) 속성값을 지정하였으나 실행이 안된다.
💡해결💡
<video src="./assets/images/loader-video-pc.mp4" autoplay muted loop ></video>👉 video 속성에 muted(음소거)를 추가한다.
❗이유❗
👉 아래와 같은 크롬의 자동재생 정책 때문이다.
- 음소거 자동재생은 항상 허용한다.
- 소리와 함께한 자동재생은 제약이 발생한다.
👍도움 받은 글: https://developer.chrome.com/blog/autoplay/
👍도움 받은 글: https://kangdanne.tistory.com/219
📌
음소거된 영상은 자동재생이 항상 허용된다.
📌
영상을 사용할 때에는 사용자를 고려하여 영상의 자동재생이 필요할 때에는 음소거된 자동 재생을 사용하고 사용자가 음소거 해제를 선택할 수 있도록 하는 것이 가장 좋은 방법이다.
