메인 슬라이드 유튜브 로딩속도 문제
본문
메인 슬라이더에 유튜브 영상을 공유하여 넣었습니다.
유튜브 사이트에서는 바로 화면이 실행되고 문제가 없는데
링크된 홈페이지에서는 2~3초간의 로딩시간이 있어서
첫 페이지가 마치 하얀 공백처럼 한동안 보여집니다.
브라우저 문제는 아닌거 같은데 뭐가 문제일까요?
<div id="bgPlayer" class="player" data-property="{videoURL:'https://youtu.be/savUXKhYrCI',vol:'100',stopMovieOnBlur:false,containment:'#bgPlayer1',showControls:false,startAt:0,mute:false,autoPlay:true,loop:true,opacity:1,quality:'highres',optimizeDisplay:true,mobileFallbackImage:'<?php echo G5_THEME_URL . "/img/slider6.jpg" ?>'}"></div>
</div>
답변 3
소스를 보니 youtubeAPI를 이용하여 해당 동영상을 불러오는것 같네요.
그렇다면 해당 API가 다 불러와지고 로딩되는데 시간이 소요되서 그렇습니다.
먼저 그 외의 페이지가 로딩 된 후 해당 소스를 불러오게 하셔야 할 듯 합니다.
고정된영상이면 다운받아서 서버에서 직접 송출하는것도 좋습니다. (다만 트래픽문제가 있음)
접속자 인터넷 속도 문제 인거 같습니다.
답변을 작성하시기 전에 로그인 해주세요.