• 목록
  • 아래로
  • 위로

조금 뒷북이긴 하지만 구글의 유튜브 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%) 1890450/115200000EXP

당분간 일신상의 사정으로 쪽지나 댓글로 답변을 드리기 어렵습니다. 죄송합니다.

 

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 641
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4319
542 활성 네트워크 이름 바꾸기 1 image 하루살이 title: 황금 서버 (30일)하루살이 17.09.03.11:36 2884
541 화웨이 메이트북 CMOS 진입 / 펑션키 설정 image 이니스프리 이니스프리 20.03.21.14:20 446
540 현 시점에서 홈 서버로 가장 적절한 미니 PC 중 하나를 추천 드립니다 image 이니스프리 이니스프리 19.10.26.20:10 1750
539 헷갈리는 출생지를 가진 인물들 1 이니스프리 이니스프리 20.06.26.21:09 116
538 해외직구시 카드 중복결제에 대하여 (아마존 등) 9 이니스프리 이니스프리 18.12.30.15:52 6106
537 해외 VPS를 게이트웨이/프록시 서버로 사용하여 국내 100회선의 서버 속도를 높여보자 5 Seia Seia 18.12.04.22:52 314
536 하루에 포인트를 많이 쌓는 법 3 image title: 은메달도다 17.01.12.16:02 292
535 하드웨어 변경 후 Windows 10 다시 정품 인증하기 이니스프리 이니스프리 20.02.26.15:32 176
534 하나 더 적금 우대금리 image 이니스프리 이니스프리 20.02.27.14:32 123
533 파일질라 최신버전에서 윈도우 비스타를 지원 종료했네요 1 title: 은메달도다 17.05.27.15:45 305
532 파이썬에서 실행한 결과를 PHP에서 받는 방법 이니스프리 이니스프리 19.08.21.21:25 2882
531 파이썬에서 리스트의 문자열들이 특정 문자열 안에 포함되어 있는지 확인하는 방법 1 이니스프리 이니스프리 19.11.10.02:34 2878
530 파이썬3에서 인코딩과 관련된 문제의 해결방법 3 이니스프리 이니스프리 18.11.06.00:49 337
529 파이썬 텔레그램 봇에서 IndexError 해결 방법 2 이니스프리 이니스프리 18.03.24.21:15 1436
528 파이썬 3.X에서 animated GIF 파일을 곧바로 resize할 수 있는 라이브러리 이니스프리 이니스프리 19.08.19.17:19 532
527 파이썬 3.7에서 pywinauto 설치시 에러가 발생하는 경우 이니스프리 이니스프리 20.05.30.00:50 482
526 파이썬 & 데이터 분석 & 웹 크롤링 오프라인 강의 image 이니스프리 이니스프리 19.11.03.01:41 200
525 특정사이트 접근제한 하는 방법 1 image 대전댁 title: 은메달대전댁 16.12.09.21:13 668
524 특정 파일을 제외한 현재 디렉토리 내의 모든 파일을 삭제하는 배치파일 이니스프리 이니스프리 18.10.12.17:11 3166
523 특정 사이트 접속이 느려질 때 해결방법 (Browser Helper Objects 관련) 3 이니스프리 이니스프리 19.03.28.13:17 638