가이드/콘텐츠 생성/미디어/VideoPress 플레이어 사용자 정의

VideoPress 플레이어 사용자 정의

VideoPress 플레이어를 사이트 디자인과 일치하도록 사용자 정의하고 비디오 표시 방식을 제어할 수 있습니다. 이 가이드에서는 플레이어 크기 조정, 사용자 정의 포스터 이미지 설정, 재생 기능 활성화/비활성화, 진행률 표시줄 개인 설정 방법을 배웁니다.

비디오 튜토리얼

영어 비디오입니다.
YouTube의 자동 번역 기능을 사용하면 원하는 언어로 시청할 수 있습니다.

자동 번역 자막을 켜는 방법:

  1. 비디오를 재생합니다.
  2. 비디오 오른쪽 하단의 ⚙️ 설정 아이콘을 클릭합니다.
  3. 자막/CC를 선택합니다.
  4. 자동 번역을 선택합니다.
  5. 원하는 언어를 선택합니다.

자동 더빙(실험 기능)으로 시청하는 방법:

  1. ⚙️ 설정 아이콘을 클릭합니다.
  2. 오디오 트랙을 선택합니다.
  3. 시청하려는 언어를 선택합니다.

ℹ️ 번역과 더빙은 Google에서 자동 생성되므로 정확하지 않을 수 있으며, 자동 더빙 기능은 현재 테스트 중이라 모든 언어에서 사용할 수 있는 것은 아닙니다.

플레이어 크기 변경

워드프레스 편집기에서 직접 VideoPress 플레이어 크기를 조정하려면 다음 단계를 따르세요.

  1. VideoPress 블록을 클릭하여 선택합니다.
  2. 비디오 플레이어의 가장자리나 모서리에서 크기 조정 핸들(작은 정사각형)을 찾습니다.
  3. 핸들을 클릭하고 끌어서 플레이어의 폭이나 높이를 원하는 크기로 조정합니다.
  4. 마우스 버튼을 놓아 새 크기를 설정합니다.
  5. 저장 또는 발행을 클릭하여 변경 사항을 저장합니다.

썸네일 선택

포스터 이미지는 비디오가 재생되기 전에 표시되는 썸네일입니다. 비디오에서 프레임을 선택하거나 사용자 정의 이미지를 업로드할 수 있습니다.

  1. VideoPress 블록을 선택하고 블록 설정 사이드바를 엽니다.
    • 사이드바가 표시되지 않으면 오른쪽 상단의 설정 아이콘을 클릭해야 할 수도 있습니다.
  2. 포스터 및 미리보기 섹션에서 다음 중 하나를 선택합니다.
    • 비디오 프레임에서 선택: 비디오 타임라인을 스크롤하여 프레임을 포스터 이미지로 선택합니다.
    • 포스터 이미지 선택: 새 이미지를 업로드하거나 미디어 라이브러리에서 선택합니다.
  3. 방문자가 비디오 콘텐츠를 스캔할 수 있도록 “마우스 오버 시 비디오 미리보기“를 표시하는 옵션을 토글할 수도 있습니다.
  4. 저장 또는 발행을 클릭하여 변경 사항을 저장합니다.
VideoPress 블록 설정 사이드바의 포스터 및 미리보기 옵션.

💡

최상의 품질을 위해 비디오 해상도만큼 큰 포스터 이미지를 사용하세요(예: 1080p 비디오의 경우 1920 x 1080 이미지 사용).

재생 사용자 정의

비디오가 재생되는 방식과 시청자가 사용할 수 있는 옵션을 제어할 수 있습니다.

  1. VideoPress 블록을 선택하고 블록 설정 사이드바를 엽니다.
    • 사이드바가 표시되지 않으면 오른쪽 상단의 설정 아이콘을 클릭해야 할 수도 있습니다.
  2. 재생에서 다음 옵션을 조정합니다.
    • 자동 재생: 페이지가 로드되면 자동으로 비디오를 시작합니다.
      알림 일부 브라우저는 비디오가 음소거되지 않으면 자동 재생을 차단할 수 있습니다.
    • 반복: 비디오를 반복적으로 재생합니다.
    • 음소거됨: 소리가 꺼진 상태에서 비디오를 시작합니다. 원하는 경우 방문자가 무음을 해제할 수 있습니다.
    • 컨트롤 표시: 재생 컨트롤(재생, 일시 중지, 볼륨 등)을 표시하거나 숨깁니다.
    • 인라인 재생: 모바일 장치에서 전체 화면 대신에 인라인 방식으로 비디오를 재생하도록 허용합니다.
    • 미리 로드: 페이지가 로드될 때 비디오가 로드되는 양을 선택합니다(없음, 메타데이터, 자동).
  3. 저장 또는 발행을 클릭하여 변경 사항을 저장합니다.
VideoPress 블록 설정 사이드바의 재생 옵션.

진행률 표시줄 색상 변경

진행률 표시줄의 색상을 개인 설정하여 비디오 또는 사이트 디자인과 더 잘 어울리게 만들 수 있습니다.

  1. VideoPress 블록을 선택하고 블록 스타일 사이드바를 엽니다.
    • 사이드바가 표시되지 않으면 오른쪽 상단의 설정 아이콘을 클릭해야 할 수도 있습니다.
  2. 동적 색상은 기본적으로 활성화되어 비디오 재생 시 색상이 조정됩니다.
  3. 옵션을 비활성화하여 색상을 설정합니다.
    • 메인: 진행률 표시줄의 기본 색상입니다.
    • 로드됨: 비디오가 로드된 후 표시줄의 색상입니다.
    • 진행률: 비디오가 로드되는 동안 표시줄의 색상입니다.
  4. 저장 또는 발행을 클릭하여 변경 사항을 저장합니다.

안쪽 여백 및 여백 조정

블록 스타일 사이드바크기 설정을 통해 VideoPress 플레이어의 안쪽 여백과 여백을 조정합니다.

VideoPress 쇼트코드

다음 단계에 따라 쇼트코드를 사용하여 비디오를 삽입하고 크기를 제어할 수도 있습니다.

  1. 알림판에서 미디어를 클릭합니다.
  2. 쇼트코드를 원하는 비디오를 클릭합니다.
  3. 아래의 이미지에 표시된 복사 버튼을 클릭하여 쇼트코드를 복사합니다.
    • VideoPress 쇼트코드는 [기호 다음에 wpvideo 또는 videopress, 문자의 문자열 및 맺음말] 기호로 시작합니다.
    • 예:

[wpvideo YN4MKhAB]

미디어의 비디오 상세 정보 페이지 하단 섹션이며 쇼트코드가 강조 표시됩니다.
  1. 이 비디오를 표시하려는 글 또는 페이지를 편집합니다.
  2. + 블록 삽입기를 클릭하여 쇼트코드 블록을 추가합니다.
  3. 3단계의 쇼트코드를 붙여 넣은 다음에 다음과 같이 닫는 대괄호 앞에 w=XXX를 추가하여 폭을 픽셀 단위로 지정합니다.

[wpvideo YN4MKhAB w=400]

비디오 폭은 테마의 글 열 폭에 알맞기만 하면 더 크거나 더 작은 크기로 설정할 수 있습니다.

VideoPress 쇼트코드 속성

쇼트코드에서는 다음과 같은 속성을 수락하여 기본 동작을 수정할 수 있습니다.

  • 픽셀 단위의 폭은 w=X이며, 단위를 포함하지 않습니다.
  • 픽셀 단위의 높이는 h=Y이며, 단위를 포함하지 않습니다.
  • HD 재생을 강제로 적용하려면 hd=true/false입니다.
  • 오픈 소스 형식 사용만 강제로 적용하려면 freedom=true/false입니다.
  • 비디오가 로드될 때 자동으로 재생하려면 autoplay=true/false입니다.
  • 자동으로 비디오를 여러 번 재생하려면 loop=true/false입니다.
  • controls=false로 비디오를 표시할 때 기본 비디오 컨트롤을 숨깁니다.

[wpvideo OcobLTqC attribute=value]라는 기호 앞에 속성을 추가하여 원하는 속성을 사용할 수 있습니다. 예:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]

Copied to clipboard!