듀오랩스

고객 자료 준비: 영상

고객 준비 가이드 7분 읽기customer-prepdocsmaterialspublic-docvideo

홈페이지에 영상을 넣으려면 고객이 원본 영상과 자막, 썸네일, 그리고 영상을 어디에 어떻게 쓸지를 함께 알려 주셔야 합니다. 같은 영상이라도 첫 화면 배경으로 조용히 반복할지, 재생 버튼을 눌러 소리와 함께 볼지에 따라 준비할 것과 개발 방식이 달라지기 때문입니다.

고객 자료 전반은 고객 자료 준비 가이드에 있습니다.

확인 기준. 2026년 9월 17일에 MDN Web Docs와 YouTube 고객센터 공식 문서를 확인해 작성했습니다.

넘겨 주실 것

  • 원본 파일: 편집이 끝난 최종본을, 가지고 계신 것 중 가장 높은 화질로 보내 주세요. 메신저로 주고받은 파일은 압축되어 화질이 떨어질 수 있습니다. 파일 공유 서비스로 원본 그대로 전달해 주세요.
  • 자막 파일: 자막이 있다면 영상에 입힌 것과 별도로 자막 파일을 주세요.
  • 썸네일 이미지: 재생 전에 보일 대표 이미지입니다. 없으면 영상의 한 장면을 쓸지 협의합니다.
  • 영상 용도: 아래 셋 중 어디에 해당하는지 알려 주세요.
    • 홈페이지 배경, 자동 재생
    • 소개 영상, 재생 버튼을 눌러 보기
    • 유튜브 채널에 올리고 홈페이지에서 보여 주기

두 가지 방식의 차이

홈페이지에 직접 올리는 짧은 배경 영상

첫 화면 뒤에서 소리 없이 반복되는 영상입니다. 파일을 홈페이지에 직접 올리므로 파일이 클수록 첫 화면이 늦게 뜨고, 휴대폰 데이터도 많이 씁니다. 그래서 짧고 가볍게 만드는 것이 중요합니다.

소리는 넣지 않는 것을 전제로 합니다. 브라우저가 소리 있는 자동 재생을 막기 때문입니다. MDN은 일반적으로 자동 재생이 허용되는 조건 중 하나로 「The audio is muted or its volume is set to 0」을 들고, 「playback of any media that includes audio is generally blocked if the playback is programmatically initiated in a tab which has not yet had any user interaction」이라고 설명합니다. 방문자가 아직 페이지에서 아무것도 누르지 않았다면 소리 있는 영상은 일반적으로 저절로 재생되지 않는다는 뜻입니다.

유튜브 등에 올리고 페이지에 넣는 영상

영상은 유튜브 같은 서비스에 올리고, 홈페이지에는 그 재생 창을 넣는(임베드) 방식입니다. 영상 파일을 홈페이지가 직접 내보내지 않아 긴 영상이나 소리가 중요한 소개 영상에 맞습니다. 방문자가 재생 버튼을 눌러 보는 것을 전제로 합니다.

유튜브 채널에 올리는 일을 고객이 직접 하실지, 개발사가 맡을지는 미리 정해 주세요. 채널 계정은 고객 소유여야 나중에 관리가 끊기지 않습니다.

자막

홈페이지에 직접 올린 영상에 자막을 붙일 때 쓰는 HTML <track> 요소에 대해 MDN은 「The tracks are formatted in WebVTT format (.vtt files)」이라고 설명합니다. 즉 홈페이지용 자막은 WebVTT(.vtt) 형식입니다.

유튜브는 여러 형식을 받습니다. YouTube 고객센터의 지원 형식 목록에는 SubRip(.srt)과 WebVTT(.vtt)가 모두 있고, 자막 파일을 처음 만든다면 SubRip(.srt) 같은 기본 형식을 권합니다. 가지고 계신 자막 파일이 어떤 형식이든 먼저 보내 주시면 개발사가 필요한 형식을 확인합니다.

자막이 영상 화면에 이미 입혀져 있다면 끄거나 바꿀 수 없습니다. 다국어 자막이 필요하다면 입히지 않은 영상과 자막 파일을 따로 준비해 주세요.

음악과 촬영물의 사용 권리

영상에 아래가 들어 있다면 홈페이지에 공개해도 되는지 고객이 확인해 주세요.

  • 배경음악: 구매하거나 허락받은 음악인지, 웹사이트와 유튜브 게시까지 쓸 수 있는지
  • 촬영된 인물: 직원이나 고객이 얼굴이 보이게 나온다면 공개에 동의했는지
  • 다른 회사의 로고나 제품: 화면에 드러나게 나온다면 문제가 없는지

외주 제작사가 만든 영상이라면 제작사에게 사용 범위를 물어보시는 것이 가장 빠릅니다. 사진의 경우는 고객 자료 준비: 인물과 공간 사진에 정리했습니다.

권장하는 방식

  • 배경 영상은 짧게, 소리 없이 만듭니다. 전달하고 싶은 말은 영상 위 글자로 넣습니다.
  • 고객은 원본 한 벌만 주시면 됩니다. 웹용으로 크기와 화질을 줄이는 작업은 개발사가 합니다. 줄인 파일만 받으면 나중에 다시 쓸 수 없으니 원본을 보관해 주세요.
  • 소리와 설명이 중요한 영상은 유튜브 같은 서비스에 올려 넣는 방식을 권합니다.

영상 개수와 방식에 따라 작업 범위가 달라집니다. 견적 전에 홈페이지 제작 비용을 정하는 항목: 견적 전 체크리스트도 함께 보세요.

체크리스트

항목 준비할 것 확인할 것
원본 파일 편집 끝난 최종본, 최고 화질 메신저로 압축되지 않았는지
용도 배경 자동 재생 / 재생 버튼 / 유튜브 영상마다 하나씩 정했는지
자막 자막 파일(있다면) 화면에 입힌 자막인지 별도 파일인지
썸네일 대표 이미지 없으면 쓸 장면을 정했는지
음악 배경음악 정보 웹과 유튜브 게시가 허락됐는지
인물·로고 등장 인물, 타사 로고 목록 공개 동의를 받았는지
유튜브 채널 계정 고객 소유인지, 누가 올리는지

자주 막히는 곳

증상 원인 대응
배경 영상이 저절로 재생되지 않는다 소리가 켜진 채로 자동 재생하려 했다 배경 영상은 소리 없이 씁니다
첫 화면이 늦게 뜬다 배경 영상 파일이 크다 짧게 만들고 웹용으로 줄입니다
영상이 흐리다 메신저로 받은 압축본을 썼다 원본 파일을 파일 공유로 다시 받습니다
자막을 끄거나 번역할 수 없다 자막이 영상에 입혀져 있다 자막 없는 영상과 자막 파일을 따로 받습니다
오픈 직전에 음악을 바꿔야 한다 사용 권리를 확인하지 않았다 영상을 넘기기 전에 음악 권리를 확인합니다
유튜브 영상 관리가 끊겼다 채널이 담당자 개인 계정이었다 고객 회사 소유 계정에 올립니다

출처

관련 문서

마지막 수정:

재사용하실 때는 출처(Duolabs)와 이 문서의 정식 URL을 표시해 주세요.