크롬 iframe 자동재생 설정 (youtube,vimeo)

크롬이 자동재생 정책을 2018년도에 변경하였습니다

자세한 내용 참고

 

 

광고 등 문제로 막아놨나봐요.

암튼 크롬이 말하는것 중에서 자동재생 되는경우를 몇가지 요약하자면

-음소거된 영상은 항상 허용

-사용자가 클릭,탭 등으로 도메인과 상호작용한경우

-미디어 참여지수가 높을경우

-자동재생권한을 iframe에 위임할경우

 

 

 

 

[iframe 에 자동재생 설정하기]

 <iframe src="https://player.vimeo.com/video/480601143?autoplay=1" width="100%" height="670" frameborder="0" allow="autoplay"></iframe> 

 

iframe 에 allow="autoplay" 를 넣어주면 자동재생됩니다.

그리고 같이 iframe 옵션에 autoplay=1 넣어주어야 해요

근데 로컬에서 작업할 땐 안되더라고요

서버에서 해야 작동하는 듯 합니다.

위에 자동재생되는 예시에 사용자가 클릭,탭 등으로 도메인과 상호작용한경우가 있는데

예를들어 위에 자동재생옵션값 넣어주고 사용자가 링크타고 들어오면 동영상은 자동재생 됩니다.

 

보통 allow="autoplay" 속성 넣으면 자동재생 되는데요..

안되는 경우도 있어요 .. 

저도 아직까지 의문인데 어쩔때는 자동재생 되고 안되고 반복하더라고요 

각 사용자 데스크탑마다 다르게 나오는 듯합니다

그럴땐 음소거 해줘야 합니다.

어쩔 수 없어요 

iframe 에 음소거 옵션 넣어줘야해요.

 

아니면 스크립트 사용해서 api 건들어줘야 합니다.

 

알고있어야 나중에 당황하지 않으니 기억합시다