팁 & 노하우

|  분야 불문! 어떤 분야든지 자신이 알고 있는 팁이나 노하우를 남겨주세요.

조회 수 37 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

조금 뒷북이긴 하지만 구글의 유튜브 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


  • profile
    이니스프리 2019.01.05 18:49
    plyr를 이용하여 다음과 같은 방법으로 IE, 파폭, 크롬에서 autoplay가 가능하다고 하네요.

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

    다만 사파리에서는 autoplay 적용이 안 되는 것 같습니다.

팁 & 노하우

분야 불문! 어떤 분야든지 자신이 알고 있는 팁이나 노하우를 남겨주세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 sfuh.tk 기본 도메인 사용하는 분들 확인바랍니다. 6 new 마스터 2019.01.17 80
공지 2019년 새해 복 많이 받으세요! 15 file 마스터 2019.01.01 378
공지 사이트 정보등록을 신경써서 해주시기 바랍니다. 3 마스터 2018.12.31 462
공지 회원 전용 페이지가 생겼습니다. 15 file 마스터 2018.03.20 3904
205 체온계/의료기기의 통관과 관련된 사항입니다 이니스프리 2019.01.17 6
204 MySQL 최신버전에서 그누보드 설치시 비밀번호 오류 해결하기 title: 만렙이 되어보자도토리묵 2019.01.13 9
» 유튜브 iframe api의 autoplay 옵션과 관련하여 1 이니스프리 2019.01.05 37
202 2019년 공휴일 미리보기(?) file 이니스프리 2019.01.05 9
201 [유튜브] 타인의 유튜브 재생목록 공유하기 이니스프리 2019.01.04 43
200 ESET Internet Security 사용시 인터넷 속도저하와 관련하여 이니스프리 2019.01.01 28
199 [파이썬/PHP] 스트링 앞에 0 채워서 자리수 맞추기 이니스프리 2019.01.01 11
198 Bose Sleepbuds의 사용 환경 등에 관하여 이니스프리 2018.12.31 19
197 Instaloader / Instalooter 간단한 사용기 이니스프리 2018.12.30 20
196 해외직구시 카드 중복결제에 대하여 (아마존 등) 9 이니스프리 2018.12.30 88
195 [정리] 그누보드 관련된 몇 가지 소식들 이니스프리 2018.12.29 31
194 국가별 연말 휴무일 정보 이니스프리 2018.12.25 36
193 윈도우 탐색기의 새로 고침 기능 자동화하기 (2) 이니스프리 2018.12.25 13
192 미국 내 주별 세일즈 택스에 대한 정리 (펌) 이니스프리 2018.12.09 42
191 Eva Icons - 웹, iOS, 안드로이드를 위한 오픈소스 아이콘 2 이니스프리 2018.12.08 36
190 해외 VPS를 게이트웨이/프록시 서버로 사용하여 국내 100회선의 서버 속도를 높여보자 5 Seia 2018.12.04 45
189 국전 '빨간집' 위치 및 영업시간 등 정보 3 이니스프리 2018.11.30 394
188 Lynx를 이용하여 특정 페이지를 주기적으로 방문하는 것을 Crontab에 넣는 방법 이니스프리 2018.11.29 24
187 [파이썬] 파일을 읽어서 각 행을 리스트로 만들기 이니스프리 2018.11.25 70
186 제조사별 서버 원격관리 툴의 명칭 정리 (iLO, iDRAC, IPMI 등) 이니스프리 2018.11.22 50
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11
서버에 요청 중입니다. 잠시만 기다려 주십시오...