워드프레스 페이지의 배경에 YouTube 동영상 삽입하기
mb.YTPlayer for background videos 플러그인
mb.YTPlayer for background videos라는 플러그인은 YouTube 비디오를 워드프레스 페이지나 글의 배경으로 재생하도록 하는 YouTube 동영상 플레이어입니다. 설정 패널에서 홈 페이지에 사용하도록 활성화하거나 설정의 참고(Reference) 섹션의 설명에 따라 숏코드를 사용하여 글이나 페이지에 삽입할 수 있습니다.
mb.YTPlayer는 모바일 장치(iOS, Android, Windows 등)에서는 작동하지 않습니다. (javascript를 통한 미디어 컨트롤에 대한 제한 때문에 작동하지 않는다고 하는데, 아마도 javascript 관련 라이선스 때문인 것도 같지만 정확하게는 모르겠네요.)
페이지 빌더 사용
엘리멘터 페이지 빌더
인기 페이지 빌더인 엘리멘터 (Elementor) 페이지 빌더를 사용하면 섹션에 동영상(YouTube 포함) 배경을 추가할 수 있습니다.
자세한 방법은 엘리멘터 문서 "How to Add & Edit a Background Video in Elementor"(엘리멘터에 백그라운드 동영상을 추가 & 편집하는 방법)를 참고해보세요. 또한, 다음 유튜브 동영상 튜토리얼도 참고해보시기 바랍니다.
아바다 테마의 아바다 빌더
베스트셀링 테마인 아바다(Avada)를 사용하는 경우 자체 페이지 빌더인 아바다 빌더(이전 명칭 "Fusion Builder")에서 유튜브와 비메오 영상을 배경으로 삽입할 수 있습니다.
그림과 같이 Container 설정 > Background에서 YouTube/Vimeo Video URL or ID에 유튜브나 비메오 동영상의 URL이나 ID를 입력하여 동영상을 배경으로 삽입할 수 있습니다.
WPBakery 페이지 빌더
비주얼 컴포저(현재 명칭 WPBakery Page Builder)를 사용하는 테마에서도 비컴을 통해 동영상을 배경으로 추가할 수 있습니다.
위의 그림은 The7에 포함된 비주얼 컴포저를 보여줍니다. Background Style에 YouTube Video를 선택하면 유튜브 동영상을 추가할 수 있습니다. (비메오 동영상을 선택하는 옵션은 없네요.)
엔폴드 테마의 Avia Layout Builder
Enfold 테마에서도 동영상 배경을 추가할 수 있는 옵션이 제공됩니다. 엔폴드에서는 컬러 섹션에 배경으로 동영상을 추가하면 전체 폭으로 추가할 수 있습니다.
