---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/video'
title: '동영상 추가 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:03:56+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  컬럼에 맞는 YouTube 또는 Vimeo 동영상을 넣을 수 있으며, 커버 이미지와 재생 버튼은 선택 사항입니다. 제품 데모, 강의, 튜토리얼, 홍보 클립에 사용하세요.

  동영상 추가
  로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '동영상 추가'
      description: |-
        컬럼에 맞는 YouTube 또는 Vimeo 동영상을 넣을 수 있으며, 커버 이미지와 재생 버튼은 선택 사항입니다. 제품 데모, 강의, 튜토리얼, 홍보 클립에 사용하세요.

        동영상 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:03:56+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/video'
      articleSection: '텍스트와 미디어'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/video'
      description: |-
        컬럼에 맞는 YouTube 또는 Vimeo 동영상을 넣을 수 있으며, 커버 이미지와 재생 버튼은 선택 사항입니다. 제품 데모, 강의, 튜토리얼, 홍보 클립에 사용하세요.

        동영상 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/build) /[콘텐츠 추가](/ko/hc/documentation/learn-dxpr-builder/elements) /[텍스트와 미디어](/ko/hc/documentation/learn-dxpr-builder/elements/text-and-media) # 동영상 추가.

 DXPR Builder 배우기페이지 만들기콘텐츠 추가텍스트와 미디어

   ## 이 가이드의 내용

 관련 가이드

- [스타일 패널에서 요소 모양 변경](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

컬럼에 맞는 YouTube 또는 Vimeo 동영상을 넣을 수 있으며, 커버 이미지와 재생 버튼은 선택 사항입니다. 제품 데모, 강의, 튜토리얼, 홍보 클립에 사용하세요.

## 동영상 추가

로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 [첫 페이지](/ko/hc/documentation/learn-dxpr-builder/getting-started/first-page)에서 확인하세요.

1. 컬럼에 마우스를 올리고 컨트롤 바에서 **+**를 클릭하거나, 빈 페이지에서 **요소 추가**를 클릭합니다. **콘텐츠** 탭을 열고 **동영상**을 클릭합니다. 컬럼 맨 위에 요소가 추가되고 설정 대화상자가 열립니다.
2. YouTube 또는 Vimeo URL을 **동영상 링크**에 붙여넣거나 입력합니다.
3. 항목 **이미지**에서 **이미지 선택**을 클릭하여 **미디어 브라우저**를 엽니다. 사진을 찾으려면 이름 일부를 입력하고 **필터 적용**을 클릭합니다. 사진을 선택하고 **선택 항목 삽입**을 클릭합니다. 해당 사진이 커버 이미지로 설정됩니다.
4. 커버 이미지 위에 **테마 적용 재생 버튼**을 표시할지 선택합니다. 기본적으로 꺼져 있습니다. 여기에서는 켜져 있습니다.
5. 대화상자에서 **저장**을 클릭합니다. 그런 다음 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭하여 페이지를 저장합니다.

  ## 표시 내용

동영상이 컬럼 전체에 16:9 프레임으로 표시됩니다. 동영상에서는 커버 사진이 프레임을 가득 채우고 테마 적용 재생 버튼이 위에 표시됩니다. 사진이나 버튼을 클릭해야 YouTube 플레이어가 로드됩니다. 페이지를 저장하고 게시하면 방문자에게 표시됩니다.

## 동영상 설정

요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 엽니다. 옵션:

- **동영상 링크:** YouTube 또는 Vimeo URL. 일반, 단축, 임베드 링크가 모두 작동합니다.
- **동영상 너비:** `100%`나 `800px` 같은 CSS 너비. 기본값은 `100%`입니다.
- **이미지:** 동영상 재생 전에 표시되는 커버 이미지. 이미지를 설정하면 방문자가 클릭할 때만 YouTube 또는 Vimeo 플레이어가 로드되므로 페이지가 더 빨리 로드됩니다.
- **테마 적용 재생 버튼:** 테마의 기본 색상 재생 버튼으로, 동영상이나 이미지 위에 표시됩니다. 기본적으로 꺼져 있습니다. 버튼이나 이미지를 클릭하면 무음으로 동영상이 시작됩니다.

## 표시되지 않는 경우

- **콘텐츠 탭에 동영상이 없습니다.** 사용자 프로필에서 숨겨져 있습니다. 관리자에게 [사용자 프로필](/ko/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)에서 활성화해 달라고 요청하세요.
- **다시 로드하면 사라집니다.** 페이지가 저장되지 않았습니다. 다시 추가하고 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭합니다.
- **플레이어 대신 빈 공간이 표시됩니다.** **동영상 링크** 필드가 비어 있거나 YouTube 또는 Vimeo의 URL이 아닙니다. 요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 연 뒤 유효한 YouTube 또는 Vimeo URL을 붙여넣습니다.
- **동영상 대신 플레이어에 오류가 표시됩니다.** 동영상이 비공개이거나 소유자가 임베드를 허용하지 않았습니다. YouTube 또는 Vimeo에서 공개 또는 일부 공개로 설정하고 임베드를 허용하거나 다른 동영상을 연결합니다.
- **동영상이 컬럼에 비해 너무 넓거나 좁습니다.** **동영상 너비**에 `800px` 같은 고정 크기가 설정되어 있습니다. 컬럼을 가득 채우려면 `100%`로 설정합니다.

## 다음 단계

[스타일 탭](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)에서 동영상의 간격과 배경을 변경할 수 있습니다.