• 목록
  • 아래로
  • 위로

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


작성자
이니스프리 110 Lv. (14%) 970610/985680EXP

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

 

CSVpuymXAAAVVpd.jpg

댓글 1

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

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

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

신고

"이니스프리님의 댓글"

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

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
507 [Python] 소수점 자리수의 출력 - round() vs format() 1 이니스프리 이니스프리 20.02.15.11:53 24731
506 안티앨리어싱 옵션: 알고 쓰자. 5 image 하루살이 title: 황금 서버 (30일)하루살이 17.02.25.23:57 18290
505 GIF 파일의 용량을 줄여주는 사이트 - gifgifs.com image 이니스프리 이니스프리 17.10.09.12:57 17498
504 [Python] 파일을 읽어서 각 행을 리스트로 만드는 5가지 방법 이니스프리 이니스프리 18.11.25.22:16 13653
503 윈도우 작업 스케줄러에서 특정 작업이 실행 안 되는 경우 해결방법 (배치파일 등의 상대경로 관련) 2 image 이니스프리 이니스프리 18.10.02.19:38 8922
유튜브 iframe api의 autoplay 옵션과 관련하여 1 image 이니스프리 이니스프리 19.01.05.14:45 6892
501 국전 '빨간집' 위치 및 영업시간 등 정보 3 이니스프리 이니스프리 18.11.30.16:17 5700
500 [파이썬] Selenium에서 클릭이 안 될 때의 해결방법 이니스프리 이니스프리 19.10.27.22:20 5646
499 해외직구시 카드 중복결제에 대하여 (아마존 등) 9 이니스프리 이니스프리 18.12.30.15:52 4786
498 윈도우 MAK 라이센스의 인증 가능횟수 확인방법 4 이니스프리 이니스프리 18.11.21.23:53 4745
497 대학생이라면 PHPStorm 무료로 이용하세요 2 image Eagles Eagles 17.06.11.14:30 4461
496 윈도우의 CMD 창에서 Ctrl+V로 붙여넣기 (윈도우 10 / 윈도우 8 이하) 3 image 이니스프리 이니스프리 18.11.08.00:15 4442
495 크롬 원격 데스크톱 조작법 2 이니스프리 이니스프리 20.06.03.23:03 4208
494 일본 아마존에서 MP3 음원 구입하는 방법 3 image 제르엘 title: 애프터 이펙트제르엘 19.12.23.01:28 3881
493 DB 설계하실 때 사용하면 좋을거 같은 사이트 공유합니다. 1 image JAVA JAVA 17.11.21.15:06 3822
492 작업 관리자의 CPU 이름 바꾸기 1 image 하루살이 title: 황금 서버 (30일)하루살이 17.09.03.11:33 3656
491 텔레그램 비밀대화의 스크린캡쳐 방지기능 이니스프리 이니스프리 20.01.20.23:44 3376
490 [OpenCV] !_src.empty() in function 'cvtColor' 에러 해결방법 2 이니스프리 이니스프리 19.11.15.20:40 3356
489 KT 인터넷 오피스 IP 서비스 - 홈 서버용 고정 IP 제공 9 file 이니스프리 이니스프리 18.03.20.22:04 3261
488 [끝말잇기] '슘'으로 시작하는 단어 이니스프리 이니스프리 19.08.20.01:10 3204