홈페이지 영상 넣기, 유튜브 삽입부터 자동 재생·자막까지 5가지

홈페이지 영상 넣기는 대부분 유튜브에 올린 뒤 퍼가기 코드로 삽입하고, 자동 재생은 음소거로, 자막은 함께 준비하면 됩니다. 이 글에서는 유튜브 삽입과 직접 올리기의 차이, 자동 재생 규칙, 용량과 자막까지 영상을 넣기 전에 확인할 다섯 가지를 정리했습니다.

홈페이지에 영상을 넣는 두 가지 방식

홈페이지에 영상을 넣는 방법은 크게 두 가지입니다. 하나는 유튜브 같은 영상 플랫폼에 올리고 그 플레이어를 홈페이지에 삽입하는 방식, 다른 하나는 영상 파일을 홈페이지 서버에 직접 올려 재생하는 방식입니다.

아래 표는 두 방식을 서버 용량, 트래픽, 화면 구성, 추천 영상 노출, 알맞은 쓰임으로 비교한 것입니다.

항목	유튜브 삽입	서버에 직접 올리기
서버 용량	거의 쓰지 않음	영상 파일 크기만큼 사용
트래픽	재생 부담을 유튜브가 맡음	재생할 때마다 내 호스팅 트래픽 사용
화면 구성	유튜브 플레이어 모양	자유롭게 꾸밀 수 있음
추천 영상	재생이 끝나면 다른 영상이 보일 수 있음	없음
알맞은 쓰임	회사 소개, 강의, 제품 설명	짧고 가벼운 배경 영상

그림에서 보듯 몇 분 이상의 소개 영상은 유튜브에 올려 삽입하는 편이 서버 부담이 적습니다. 웹호스팅은 저장 용량과 하루 트래픽에 한도가 있는 경우가 많아, 큰 영상 파일을 직접 올리면 방문자가 몰릴 때 한도를 넘을 수 있습니다.

유튜브 영상 삽입 방법

YouTube 고객센터의 퍼가기 안내에 따르면 영상 아래 공유 버튼에서 퍼가기를 고르면 삽입용 HTML 코드가 나오고, 이 코드를 홈페이지에 붙여 넣으면 됩니다. 순서는 다음과 같습니다.

1. 유튜브에 영상을 올리고 공개 범위를 "공개" 또는 "일부 공개"로 정한다.
2. 영상 아래 공유 버튼을 누르고 퍼가기를 고른다.
3. 나온 HTML 코드를 복사한다.
4. 홈페이지 관리자 화면의 영상 삽입 기능이나 HTML 편집 화면에 붙여 넣는다.
5. 휴대폰과 PC에서 영상이 화면 폭에 맞게 보이는지 확인한다.

같은 안내에는 개인정보 보호 강화 모드도 소개되어 있습니다. 삽입 주소의 도메인을 youtube-nocookie.com 으로 바꾸면 이 영상 시청이 방문자의 유튜브 추천에 반영되지 않는다고 설명합니다. 자세한 내용은 YouTube 고객센터 동영상 및 재생목록 퍼가기 안내에서 확인할 수 있습니다.

자동 재생은 음소거가 기본

첫 화면에 영상을 자동으로 재생하고 싶다면 소리를 끈 상태로 두어야 합니다. Chrome의 자동 재생 정책은 음소거 자동 재생은 항상 허용하지만, 소리가 나는 자동 재생은 방문자가 사이트를 클릭하거나 누른 적이 있는 경우처럼 조건을 갖췄을 때만 허용한다고 설명합니다. 정책 원문은 Chrome 개발자 블로그의 자동 재생 정책에서 볼 수 있습니다.

정책을 떠나서도 갑자기 소리가 나는 영상은 방문자를 놀라게 하고, 사무실이나 대중교통에서 바로 창을 닫게 만듭니다. 자동 재생 영상은 소리 없이도 뜻이 통하는 짧은 장면으로 만들고, 정지 버튼을 함께 두세요.

배경 영상은 가볍게

첫 화면 배경 영상을 서버에 직접 올린다면 길이를 짧게 하고 해상도와 용량을 줄여야 합니다. 영상이 뜨기 전에 보일 대표 이미지(포스터)를 지정해 두면 느린 통신에서도 첫 화면이 비어 보이지 않습니다. 첫 화면 구성 전반은 홈페이지 첫 화면 구성 글에서 다뤘습니다.

자막과 대본 준비하기

영상 속 말과 소리는 들을 수 없는 방문자에게 전달되지 않습니다. W3C 웹 접근성 이니셔티브는 청각장애인을 위해 자막을, 보거나 듣기 어려운 사람을 위해 대본을, 화면 속 정보를 볼 수 없는 사람을 위해 음성 해설을 안내합니다. 내용은 W3C의 오디오·비디오 미디어 접근성 안내에 정리되어 있습니다.

자막은 소리를 끄고 보는 방문자에게도 도움이 됩니다. 영상 아래 핵심 내용을 글로 요약해 두면 검색엔진이 내용을 이해하는 데도 유리합니다.

영상을 올리기 전 점검 5가지

아래 그림은 영상을 홈페이지에 올리기 전에 확인할 다섯 가지를 모은 것입니다.

그림의 마지막 항목인 사용 권리도 꼭 확인합니다. 영상에 쓴 배경음악의 라이선스, 출연한 직원이나 고객의 동의, 촬영 장소의 허락이 있어야 홈페이지에 오래 걸어 둘 수 있습니다. 한 페이지에 영상을 여러 개 넣으면 페이지가 무거워지므로 꼭 필요한 영상만 남기세요. 이미지와 영상 용량이 속도에 주는 영향은 홈페이지 속도 개선 방법에서 볼 수 있습니다.

디코랩이 영상 삽입을 돕는 방식

디코랩은 회사 홈페이지를 제작할 때 영상의 위치와 재생 방식, 휴대폰 화면 비율을 함께 정합니다. 제작 범위는 회사 홈페이지 제작 안내에서 볼 수 있습니다.

자주 묻는 질문

유튜브 영상을 삽입하면 끝난 뒤 다른 회사 영상이 나오나요?

재생이 끝나면 관련 영상이 표시될 수 있습니다. 신경 쓰인다면 영상 바로 아래 다음 행동(문의, 예약) 버튼을 두어 방문자의 시선을 홈페이지 안으로 돌리세요.

영상 파일을 서버에 직접 올려도 되나요?

짧고 가벼운 영상이라면 괜찮지만, 호스팅의 저장 용량과 트래픽 한도를 먼저 확인해야 합니다. 길이가 긴 영상은 영상 플랫폼에 올려 삽입하는 편이 안전합니다.

일부 공개 영상도 삽입할 수 있나요?

일부 공개는 유튜브 검색에는 잘 드러나지 않고 링크를 아는 사람이 볼 수 있는 방식이라, 홈페이지에서만 보여 주고 싶은 영상에 흔히 씁니다. 비공개 영상은 다른 사람이 볼 수 없으니, 삽입한 뒤 로그아웃한 브라우저로 실제 재생되는지 확인하세요.

자막은 꼭 넣어야 하나요?

말이 중요한 영상이라면 자막이나 글 요약을 함께 두는 것이 좋습니다. 소리를 켤 수 없는 상황의 방문자와 듣기 어려운 방문자 모두 내용을 알 수 있습니다.

홈페이지에 영상을 넣고 싶은데 방식이 고민된다면 영상 길이와 넣을 위치를 적어 디코랩 프로젝트 문의로 보내 주세요.