• 목록
  • 아래로
  • 위로

조금 뒷북이긴 하지만 구글의 유튜브 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. (0%) 1927250/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

신고

"이니스프리님의 댓글"

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

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 819
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4486
547 php7 의 큰 장점 4 image ToriaTo 16.07.21.16:07 789
546 경험치에 관련해서 문의가 많군요. 조금 정리해봤습니다. 10 마스터 마스터 16.09.16.22:59 381
545 애드블록은 사용하시면 안됩니다! 6 image 에듀 title: 맛스타의 자물쇠에듀 16.09.18.19:56 566
544 복권 긁지않고 내용물 확인하는 방법.. 5 title: 황금 서버 (30일)어코 16.09.19.13:08 364
543 모바일 환경 이용하시는 분들 팁...? 3 file title: 은메달도다 16.09.30.01:13 380
542 인증서 설치하신분들중 WoSign, StartSSL 인증서를 사용하시는분들은 봐주세요 3 YJSoft YJSoft 16.10.01.20:32 411
541 .tk(freenom) 로 접속이 안되는 분들이 요즘 왕왕보이네요. 15 image 마스터 마스터 16.10.05.13:40 1937
540 멘션 설정을 해주세요. 1 image 에듀 title: 맛스타의 자물쇠에듀 16.12.01.20:47 290
539 게시글 이동시 포인트는 차감됩니다. image 에듀 title: 맛스타의 자물쇠에듀 16.12.03.22:34 258
538 [롯데리아] 클래식 치즈버거 주문시 치즈스틱 무료 증정 이벤트 6 image 이니스프리 이니스프리 16.12.07.00:20 405
537 특정사이트 접근제한 하는 방법 1 image 대전댁 title: 은메달대전댁 16.12.09.21:13 669
536 [생활정보] 12/5-12/11 7일간 와퍼 주니어 51% 할인 (1900원) 6 image 이니스프리 이니스프리 16.12.10.00:26 268
535 [생활정보] 동동주 베이스의 안동 찹쌀 소주가 출시되었습니다 7 image 이니스프리 이니스프리 16.12.13.12:57 387
534 [펌] 자동차 월동준비 노하우 - 다들 미리미리 월동준비 하세요 ^^ 1 image 이니스프리 이니스프리 16.12.14.11:41 255
533 [정보] 생각보다 열량이 높은 음식 8가지.jpg 2 image 하루살이 title: 황금 서버 (30일)하루살이 16.12.17.12:36 304
532 [정보] 과제할 때 유용한 사이트 11선.jpg 2 image 하루살이 title: 황금 서버 (30일)하루살이 16.12.17.12:41 430
531 [정보] 일상적인 물건들에 숨겨진 비밀 13가지.jpg image 하루살이 title: 황금 서버 (30일)하루살이 16.12.17.12:43 342
530 [할인정보] 버거킹 와퍼, 롱킹, 롱치킨버거 할인 (연말까지) image 이니스프리 이니스프리 16.12.19.10:45 248
529 [IT정보] Kaspersky Internet Security 40% 세일! 이니스프리 이니스프리 16.12.19.17:49 413
528 [생활정보] 롯데리아 포켓몬 인형 이벤트! image 이니스프리 이니스프리 16.12.21.00:24 415