서식 있는 컨텐츠 편집기를 사용하여 비디오 추가

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 04월 02일
  • 소요 시간: 4분
  • 서식 있는 컨텐츠 편집기 캔버스를 사용하여 컨텐츠에 비디오를 추가합니다.

    시작하기 전에

    필요한 역할: sn_cd.content_manager

    새 컨텐츠 양식 필드에 내용을 입력합니다. 서식 있는 콘텐츠 생성 문서를 참조하십시오.

    모듈이나 열을 사용하여 페이지 레이아웃을 만듭니다.

    이 태스크 정보

    서식 있는 컨텐츠 편집기는 다음과 같은 유형의 비디오를 지원합니다.
    • HTML5
      주:
      현재 HTML5에는 호버 텍스트 또는 도구 설명이 지원되지 않습니다.
    • 유튜브
    • Vimeo
    • 비디오 스트리밍 서비스
      주:
      비디오 스트리밍 서비스의 비디오를 사용하도록 컨텐츠 제공자를 구성해야 합니다. 비디오 호스팅 통합 프레임워크 문서를 참조하십시오.
    • 기타
      주:
      또한 인증이 필요하지 않은 공개 사이트에서 호스팅되는 비디오를 추가하려면 비디오 구성 요소를 추가하고 공급자를기타로 설정할 수 있습니다.

    프로시저

    1. 새 컨텐츠 양식의 디자인 탭에서 편집기 열기 버튼을 선택하여 캔버스로 이동합니다.
    2. 블록 열에서 끌어서 놓기 방법을 사용하여 비디오 블록을 캔버스로 이동합니다.
    3. 설정 탭으로 이동합니다.
    4. 다음 스타일 지정 설정 중 하나를 사용합니다.
      주:
      이미지, 비디오 또는 텍스트를 추가할 때 서식 있는 콘텐츠 및 뉴스 기사를 만드는 데 도움이 되는 몇 가지 기능적이고 편리한 스타일 지정 기능이 있습니다. 오른쪽 패널 옵션 중 일부에는 다양한 배경, 불투명도 및 그림자를 활성화하는 기능, 개선된 셀 및 버튼, 추가 테두리 설정, 색상 및 유형, 추가 텍스트 스타일, 색상 및 글꼴, 오른쪽 패널 속성 설정 개선 사항이 포함되어 있어 풍부한 콘텐츠를 만들 때 더 많은 옵션을 사용할 수 있습니다.
      제공자 "기타"

    프로시저

    1. 콘텐츠 게시로 이동하여 콘텐츠 제공자를 선택하고 기타 제공자가 나열되어 있는지 확인합니다.
    2. 기타를 열고뉴스 기사 또는 서식 있는 컨텐츠에 매핑되어 있는지 확인합니다.
    3. glide.html.enable_media_sites를 업데이트하여 테스트 중인 비디오 플랫폼 도메인을 추가합니다.
    4. 서식 있는 컨텐츠 편집기를 생성 서식 있는 콘텐츠 생성 하거나 뉴스 기사 작성 열고 엽니다.
    5. 비디오 구성요소를 추가하고 제공자를기타로 설정합니다.
    6. 허용된 도메인의 공개 비디오 URL을 붙여넣습니다.
    7. 비디오를 저장합니다.
    8. 비디오가 서식 있는 컨텐츠 편집기에서 렌더링되는지 확인합니다.
    9. 추가 설정 옵션에 따라 필요에 따라 비디오 설정을 구성합니다.
      표 1. 설정 옵션
      설정 필드 설명
      스타일링
      가로 맞춤 컨테이너에서 비디오가 표시되는 위치를 구성합니다. 오른쪽, 가운데, 왼쪽 아이콘 중에서 선택합니다.
      고급 스타일

      비디오를 컨테이너에 삽입하면 기본적으로 비디오는 컨테이너의 전체 너비이며 높이는 비디오 크기에 따라 자동으로 조정됩니다.

      너비 및 높이 숫자를 입력하거나 비디오의 측면을 드래그하여 값을 지정합니다.
      측정 단위 선택:
      • px: 픽셀
      • %: 백분율
      마진 여백은 행과 다른 요소/캔버스 경계 사이의 공간입니다. 숫자를 입력하여 위쪽, 아래쪽, 오른쪽 또는 왼쪽 패딩 값을 지정합니다.
      속성
      직위 사용자가 비디오 위로 마우스를 가져갈 때 나타나는 텍스트입니다.
      제공자 비디오가 호스팅되는 위치입니다. 다음 중에서 선택합니다.
      • HTML5 소스
      • Vimeo
      • Youtube
      • 비디오 스트리밍 컨텐츠 제공자
      • 기타
      소스/비디오 ID 캔버스에 표시할 비디오의 고유 ID입니다.
      • HTML5의 경우 소스는 캔버스에 표시할 비디오의 고유 ID입니다.
      • YouTube의 경우 동영상 ID는 URL 문자열의 v= 뒤에 나타나는 텍스트입니다.
      • Vimeo의 경우 비디오 ID는 URL 문자열 끝에 표시되는 숫자입니다.
      컨트롤 표시(YouTube 및 HTML5 소스) 이 확인란을 선택하여 사용자가 시작, 중지, 볼륨 제어, 자막 표시, 비디오 전체 화면 표시 또는 비디오 설정 변경을 위해 상호 작용할 수 있는 비디오 플레이어 컨트롤을 표시합니다.
    10. 저장 또는 저장 후 완료를 선택합니다.
      저장을 선택하면 컨텐츠가 저장되고 서식 있는 컨텐츠 편집기 캔버스에 남아 있습니다. 저장 및 완료를 선택하면 기록이 저장되고 새 컨텐츠 양식으로 돌아갑니다.

    다음에 수행할 작업

    • (선택 사항) 콘텐츠를 번역합니다.

      컨텐츠의 언어 번역을 요청합니다. 자세한 내용은 콘텐츠 라이브러리의 다국어 지원 문서를 참조하십시오.

      주:
      콘텐츠 수정을 완료한 후에만 콘텐츠를 번역하십시오. 최상의 결과를 얻으려면 번역 후 구성요소를 추가 또는 제거하거나 서식을 변경하지 않는 것이 좋습니다.

      언어마다 서로 다른 형식의 서식 있는 콘텐츠를 만들려면 콘텐츠를 복제하고 필요한 경우 서식을 수정합니다. 그런 다음 대상을 사용하여 언어별로 사용자에게 콘텐츠를 타겟팅합니다. 대상 그룹 문서를 참조하십시오.

    • 게시 탭에서 컨텐츠를 미리 봅니다.
      주:
      콘텐츠 미리 보기는 콘텐츠의 모양에 대한 일반적인 아이디어를 제공하도록 설계되었습니다. 컨텐츠는 장치 해상도, 테마 차이 또는 모바일 앱 스타일 구성의 변화로 인해 게시 후 다르게 보일 수 있습니다.
    • 컨텐츠 제공 위치, 대상 그룹 및 사용 가능 컨텐츠에 대한 게시 계획 생성기간을 제어하도록 게시 계획을 구성합니다.