비디오 요소(Video )

이미지도 보다 영상을 선호하는 경우도 많습니다.

서비스에 대한 설명 뿐만 아니라 이미지로 하지 못하는 정보전달을

최근에는 간단한 영상 제공으로 간단하게 해결합니다.

비디오 요소 메뉴

비디오 메뉴는 배경의 비디오 사용과 거의 비슷합니다.

비디오는 일반적으로 유튜브 / 비메오 / URL / CUSTOM

이렇게 4가지 유형으로 플레이 할 수 있습니다.

먼저 유튜브는 무료로 사용할 수 있지만 SD급 의 영상 전송을

기본으로 하고 있어 좋은 품질의 영상 플레이는 비메오가 선호됩니다.

하지만 비메오는 별도 비용이 발생하기 때문에 전문가나 기업체에서

주로 활용하고 있습니다.

URL은 과거 유튜브가 없을때 이미지 호스팅처럼 별도의

동영상호스팅을 구매하여 영상을 업로드하여 사용하였는데

그 방식이라고 보시면 됩니다.

타사 홈페이지 서버에 업로드 한것도 URL 입니다.

CUSTOM은 내 사이트에 직접 업로드하는 방식으로

짧은 10초 내외 영상까지는 괜찮지만

그 이상의 영상에서 사용은 권장하지 않습니다.

왜냐면 트래픽과 서버용량을 차지하기 때문입니다.

비디오 사이트 메뉴-재생

재생에 대한 기본 설정입니다.

음소거 및 연속재생은 기본적으로 꺼져 있는 상태이기 때문에 사용을 위해

on 상태로 전환해야 합니다. 시작-끝을 설정할 수도 있지만 실제 사용은 잘 하지 않습니다.

비디오 사이드메뉴-플레이어

플레이어중 중요한 메뉴는 표지 이미지 입니다.

플레이어에 표시 이미지를 업로드해야 플레이어를 클릭하기 전까지

사용자가 보게 되는 이미지입니다. 만약 표시이미지를 업로드하지 않으면

플레이 시작 영상중 첫프레임 이미지를 사용하게 되는데 그 이미지가

웹사이트 배경과 어울리지 않는 경우가 많기 때문입니다.

비디오 배경 메뉴

비디오 배경은 하단 플레이어 및 다양한 부분의 설정이 가능합니다.

비디오 배경 메뉴는 플레이어의 아이콘/ 바/ 슬라이더/ 배경/ 테두리/ 그림자/ 마스크 등의

주요 설정이 가능합니다.

비디오 마스크 적용

비디오의 일부만 노출되는 마스크 사용은 비디오 이미지를 보다 감각적으로 표현이 가능합니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...