2017-11-30 20 views
0

루프 된 YouTube 동영상을 내가 작업중인 웹 사이트의 홈페이지에 헤더로 설정했습니다. 휴대 기기에서는 지원되지 않으므로 동영상 미리보기 이미지는 재생 버튼으로 대신로드됩니다. 이미 헤더에 이미지 배경이 있지만 배경 이미지가 대체로 사용되도록 비디오가로드되지 않도록 할 수있는 방법이 있습니까?삽입 된 Youtube 비디오 용 Wordpress 대체 이미지

if (is_home() || is_front_page()) { 

    print '<div class="topbanner home"> 
       <iframe id="header-bg-video" src="https://www.youtube.com/embed/gmMHHbghxC8?controls=0&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;loop=1&amp;playlist=gmMHHbghxC8"></iframe> 
       <div class="ak-container"> 
       </div> 
      </div>'; 
} 
+0

제거'autoplay' 파라미터 및 배경 이미지 설정 'Z-index' 앞에''icon' 재생 icon' Play에서'click' 핸들러를 추가한다. 사용자는 모든 장치와 데스크탑에서 동일한 경험을 할 수 있으며 레이아웃이 더 잘 보입니다. – Noman

+0

데스크톱 시청자가 자동 ​​재생 루프 설정을 유지하려고하는데 모바일 장치에로드 된 백그라운드 이미지 만 원할뿐입니다. 테마는 "topbanner home"의 배경 이미지에로드되고 비디오는 맨 위에로드됩니다. 난 그냥 모바일 사용자가 헤더로 배경 이미지를보고 싶어요. –

+0

당신은'wp_is_mobile()'을 검사합니다. – Noman

답변

0

는 내가 바탕 화면 시청자 그대로 자동 재생 반복 설정을 유지하기 위해 노력하고있어

코드를 분리해야 두 번째 의견에 따라, 나는 단지에로드 된 배경 이미지를 원하는 휴대 기기에서 테마가 "topbanner home"의 배경 이미지에로드되고 상단에 비디오가로드됩니다 ( ). 모바일 사용자가 배경 이미지 만 헤더로 보는 것이 좋습니다. 함께

if (wp_is_mobile()) { 
    /* Display and echo mobile specific stuff here */ 
}