관리 메뉴

Extra Shot

아보카도에디션 : 크롬 브라우저에서 자동재생이 안되는 문제 본문

아보카도 에디션을 이용하는 경우 유투브 플레이리스트를 이용해 bgm을 까는데 크롬 정책이 바뀌면서 언제부턴가 더이상 자동재생 설정을 지원하지 않게 되었습니다만 다음과 같은 내용을 추가/수정하면 대체로 해결됩니다.


bgm.php 파일에 iframe 태그 부분을

<iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed?listType=playlist&list=<?=$config['cf_bgm']?>&autoplay=1&disablekb=1&loop=1&playsinline=1&rel=0&origin=<?=G5_URL?>" frameborder="0"/>


아래와 같이 수정합니다.


<iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed?listType=playlist&list=<?=$config['cf_bgm']?>&autoplay=1&disablekb=1&loop=1&playsinline=1&rel=0&origin=<?=G5_URL?>" frameborder="0" allow="autoplay; encrypted-mediaallowfullscreen ></iframe>



+추가적으로 플레이어버튼이 표시되지 않는 문제가 생기기도 하는데 해당 부분은 

css 폴더의 style.css 파일에서 .bgm-player li a 를 찾아 중괄호 안의 width: 100%; 라고 되어있는 부분을 퍼센티지가 아닌 픽셀값을 지정해주시면 됩니다. (예: width: 12px;



이렇게 했는데도 자동재생이 안되는 이유는 다음과 같은 이유가 있습니다.

  1. 영상이 퍼가기 금지로 설정되어있는 경우
    /bgm.php?action=play 에서 확인 가능합니다. 만약 이런 상태일 경우 다른 영상으로 교체 해야합니다.
  2. 주소가 https:// 로 되어있는 경우
    보안설정때문에 자동으로 https:// 로 주소가 전환되는 경우가 있는데 주소창에서 http:// 로 바꾸어주면 해결될 수 있습니다.
  3. 재생횟수가 일정 이상이어야 자동재생이 작동하게 되는 경우도 있습니다. 

(번외) 배경음악에 재생목록 아이디 기입이 잘못된 경우

유튜브 재생목록 주소의 list= 다음으로 오는 "재생목록고유아이디"부분만 넣어주세요. (앞쪽 주소는 도움말에 적힌 내용과 약간 다를수 있지만 상관 없습니다)

 

재생목록이 아닌 일반 동영상 고유아이디는 넣으셔도 재생되지 않기 때문에 반드시 재생목록을 생성한 뒤에 사용해주세요

재생목록은 공유버튼 옆의 저장 버튼을 눌러 새 재생목록을 생성하거나 기존의 재생목록에 영상을 추가하실 수 있습니다.



전부 해당하지 않는 경우 아직까진 해결방법을 잘 모르겠습니다. (다른 방법으로 해결된 경우 제보바랍니다)