아보카도 에디션을 이용하는 경우 유투브 플레이리스트를 이용해 bgm을 까는데 크롬 정책이 바뀌면서 언제부턴가 더이상 자동재생 설정을 지원하지 않게 되었습니다만 다음과 같은 내용을 추가/수정하면 대체로 해결됩니다.
bgm.php 파일에 iframe 태그 부분을
<iframe id="ytplayer" type="text/html" width="640" height="360" src="http://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-media" allowfullscreen></iframe>
+추가적으로 플레이어버튼이 표시되지 않는 문제가 생기기도 하는데 해당 부분은
css 폴더의 style.css 파일에서 .bgm-player li a 를 찾아 중괄호 안의 width: 100%; 라고 되어있는 부분을 퍼센티지가 아닌 픽셀값을 지정해주시면 됩니다. (예: width: 12px;)
이렇게 했는데도 자동재생이 안되는 이유는 다음과 같은 이유가 있습니다.
- 영상이 퍼가기 금지로 설정되어있는 경우
/bgm.php?action=play 에서 확인 가능합니다. 만약 이런 상태일 경우 다른 영상으로 교체 해야합니다. - 애드블럭 등 광고차단 플러그인을 사용중인 경우
광고차단을 해제해주세요. 트위터 위젯이나 슬라이드배너도 같은 이유로 보이지 않을 수 있습니다. - 주소가 https:// 로 되어있는 경우
보안설정때문에 자동으로 https:// 로 주소가 전환되는 경우가 있는데 주소창에서 http:// 로 바꾸어주면 해결될 수 있습니다.
** http연결에 대한 추가내용 -> 링크 - 재생횟수가 일정 이상이어야 자동재생이 작동하게 되는 경우도 있습니다.
(번외) 배경음악에 재생목록 아이디 기입이 잘못된 경우
유튜브 재생목록 주소의 list= 다음으로 오는 "재생목록고유아이디"부분만 넣어주세요. (list 앞쪽 주소는 도움말에 적힌 내용과 약간 다를수 있지만 상관 없습니다)
재생목록이 아닌 일반 동영상 고유아이디는 넣으셔도 재생되지 않기 때문에 반드시 재생목록을 생성한 뒤에 사용해주세요. 또한 재생목록이 '비공개'인 경우 재생이 불가합니다 (일부공개부터 가능)
재생목록은 공유버튼 옆의 저장 버튼을 눌러 새 재생목록을 생성하거나 기존의 재생목록에 영상을 추가하실 수 있습니다.
전부 해당하지 않는 경우 아직까진 해결방법을 잘 모르겠습니다.. (다른 방법으로 해결된 경우 제보바랍니다)
'Info > 아보카도 에디션' 카테고리의 다른 글
[아보카도 에디션] mmb 스킨 모바일에서 큰 이미지나 접힌 이미지에 댓글내용이 보이는 경우 (0) | 2020.01.19 |
---|---|
[아보카도 에디션] mmb_or_novel 스킨 오류 수정 (0) | 2020.01.16 |
[아보카도 에디션] 모바일에서 [클릭시 원본 이미지…]의 이미지가 찌그러져 보이는 문제 (0) | 2019.11.11 |
[아보카도 에디션] 모바일에서 줌인 / 줌아웃이 안되는 문제 (0) | 2019.11.11 |
[아보카도 에디션] 신청게시판에서 오너명 검색이 안되는 문제 (0) | 2019.08.31 |
[아보카도 에디션] 일반멤버 외에 멤버등급을 추가하고 싶은 경우 (0) | 2018.07.03 |
[아보카도 에디션] 모바일 내용이 공란일시 pc 내용이 출력되게 수정 (0) | 2018.07.03 |
[아보카도 에디션] 권한이 없어 로그인 페이지로 넘어갈 때 forbidden 에러가 뜨는 경우 (0) | 2018.06.07 |