• 목록
  • 아래로
  • 위로

조금 뒷북이긴 하지만 구글의 유튜브 autoplay 정책에 변화가 있었습니다.


https://developers.google.com/web/updates/2017/09/autoplay-policy-changes


따라서 현재 autoplay가 허용되는 경우는 다음과 같이 세 가지입니다.


  • Muted autoplay is always allowed.
  • Autoplay with sound is allowed if:
    • User has interacted with the domain (click, tap, etc.).
    • On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
    • On mobile, the user has [added the site to their home screen].
  • Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.



1번에 따라 다음과 같은 파라미터를 사용하면 여전히 autoplay를 할 수 있지만 대신 음소거 모드로 재생됩니다.



?autoplay=1&mute=1


블랙핑크의 비교적 최신 직캠을 예로 들어 설명하겠습니다 ^^


다음과 같은 iframe 태그를 삽입하면 autoplay가 가능합니다.



<iframe width="560" height="315" src="https://www.youtube.com/embed/E11p66uJVMY?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>





만약 음소거 등 제한을 우회하고 싶으시다면 관련된 javascript 등 플러그인을 사용하시면 됩니다.


예컨대 아미나의 basic-youtube-title 위젯의 경우에는 다른 플러그인을 사용하여


메인화면에 접속하면 소리를 켠 상태로 autoplay가 되도록 하고 있습니다.


다만 제가 테스트한 바로는 한 페이지에서 두 개의 위젯을 사용하면 충돌이 발생했고,

(이에 대해 한별아빠 님께서도 한 페이지에 하나의 위젯만 사용하라고 말씀하셨습니다)


제가 정확한 소스를 분석하지는 못했지만 다른 javascript 플러그인과도 충돌이 있는 것 같습니다.


그리고 아래 URL의 plyr를 사용하면 음소거가 아닌 autoplay를 지원하는 것 같네요.


https://github.com/sampotts/plyr


작성자
이니스프리 119 Lv. (2%) 4234670/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

댓글 1

이니스프리 작성자
profile image
plyr를 이용하여 다음과 같은 방법으로 IE, 파폭, 크롬에서 autoplay가 가능하다고 하네요.

player.on('ready', () => {
player.play();
})

다만 사파리에서는 autoplay 적용이 안 되는 것 같습니다.
comment menu
2019.01.05. 18:49

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 마스터 24.09.05.16:25 3268
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 10619
220 [관세청] 해외 직구 통관 길라잡이 (PDF 파일 다운로드 링크) 이니스프리 이니스프리 19.03.31.10:01 352
219 특정 사이트 접속이 느려질 때 해결방법 (Browser Helper Objects 관련) 3 이니스프리 이니스프리 19.03.28.13:17 820
218 크롬 버전 73에서 bxSlider 관련 문제에 대한 해결책 이니스프리 이니스프리 19.03.26.19:25 530
217 cPanel의 Full backup의 옵션 1 image 이니스프리 이니스프리 19.03.22.22:36 514
216 ASUS DisplayWidget 실행시 메인모니터의 디스플레이 설정이 초기화 되는 것과 관련하여 1 이니스프리 이니스프리 19.03.21.21:18 321
215 Asus MB169AC를 USB Type-C 아닌 포트에서 사용하는 방법 이니스프리 이니스프리 19.03.16.06:45 367
214 [아미나] 아미나 2.0으로의 리뉴얼 계획 이니스프리 이니스프리 19.03.12.13:03 309
213 Linux에서 Screen 패키지를 사용하는 방법과 그 이유 6 image Seia Seia 19.02.20.03:28 456
212 직구시 건강보조식품의 통관과 관련하여 1 이니스프리 이니스프리 19.02.05.23:33 650
211 [아미나] 미소 컴퍼니 / 미소 심플 테마와 관련된 정보 1 이니스프리 이니스프리 19.02.05.16:51 292
210 [학습정보] 구글 게이밍 아카데미 2/18 9 image 이니스프리 이니스프리 19.02.05.16:38 314
209 [스퀘어넷] Ubuntu Server 18.04 LTS 지원 1 이니스프리 이니스프리 19.02.04.22:20 302
208 [강좌 추천] 파이썬을 파이썬답게 7 이니스프리 이니스프리 19.02.01.12:20 325
207 [아미나] 한별아빠 님의 미소 심플 1.0 테마 출시, 미소 컴퍼니 2.2 테마 업그레이드, jake 님의 PORTFOLIO 테마 출시 5 이니스프리 이니스프리 19.02.01.00:46 297
206 [Vultr] 2/1 service alert 이니스프리 이니스프리 19.01.31.12:12 300
205 토크멘터리 전쟁사를 유튜브에 업로드 되기 전에 시청하는 방법 이니스프리 이니스프리 19.01.27.12:40 313
204 변압기 소음을 줄이는 방법 6 이니스프리 이니스프리 19.01.27.12:27 2235
203 체온계/의료기기의 통관과 관련된 사항입니다 1 이니스프리 이니스프리 19.01.17.01:52 1602
유튜브 iframe api의 autoplay 옵션과 관련하여 1 image 이니스프리 이니스프리 19.01.05.14:45 7639
201 2019년 공휴일 미리보기(?) 2 image 이니스프리 이니스프리 19.01.05.11:46 311