WordPress에서 비디오 사용에 대한 전체 가이드: YouTube, Vimeo 등 포함

게시 됨: 2017-08-21

WordPress 웹사이트 내에서 비디오를 사용하는 데 도움이 되도록 초보자를 위한 이 완전한 가이드를 마련했습니다. 이 게시물에서는 다음 소스의 비디오를 통합하는 방법을 배웁니다.

  • 유튜브 동영상
  • 비메오 동영상
  • 기타 비디오 소스
  • 자체 호스팅 비디오

또한 비디오 헤더 배경을 만들고 사이드바에 비디오를 포함하는 것과 같은 기타 작은 트릭뿐만 아니라 작업을 훨씬 쉽게 만들어주는 멋진 플러그인도 보여줍니다. 사이트가 전적으로 비디오 전용이라면 WordPress 비디오 테마를 확인하는 것이 좋습니다.

시작하겠습니다...

내용물

  • 1 WordPress에 단일 YouTube 동영상을 포함하는 방법
    • 1.1 재생 목록 또는 고급 단일 비디오를 포함하는 방법
    • 1.2 기타 유용한 WordPress YouTube 플러그인
    • 1.3 YouTube에서 헤더 영웅 비디오를 삽입하는 방법
  • 2 WordPress에 Vimeo 동영상을 포함하는 방법
  • 3 WordPress에 다른 비디오를 포함하는 방법
  • 4 WordPress에서 자신의 비디오를 호스팅하는 방법
    • 4.1 WordPress에서 동영상을 자체 호스팅하기 전에 두 번 생각해야 하는 이유
    • 4.2 WordPress에서 동영상을 자체 호스팅하는 방법
  • 5 WordPress 사이트의 사이드바에 비디오를 추가하는 방법
  • 6 정리하기
    • 6.1 관련 게시물

WordPress에 단일 YouTube 동영상을 포함하는 방법

WordPress에 YouTube 동영상을 삽입하는 것은 놀라울 정도로 간단합니다. 진지하게, 한 번도 해본 적이 없다면 얼마나 쉬운지 놀랄 것입니다.

YouTube에서 각 동영상 페이지에 포함 코드를 제공하는 방법을 알고 있습니까? 그래, 잊어버려.

당신은 그것을 필요로하지 않습니다!

대신 포함하려는 비디오의 실제 URL만 있으면 됩니다. URL이 있으면 다음과 같이 WordPress Editor의 Visual 탭에 붙여넣기만 하면 됩니다.

WordPress에 YouTube 동영상을 삽입하는 방법

거의 즉시 WordPress는 원시 YouTube 링크를 포함으로 자동 변환합니다.

그것보다 훨씬 간단하지 않습니다! 기억해야 할 유일한 것은 WordPress 편집기의 시각적 탭에 있는지 확인하는 것입니다. 이 방법은 텍스트 탭에서 작동하지 않습니다.

URL에서 YouTube 비디오를 삽입하는 또 다른 방법은 미디어 추가 버튼을 클릭하고 URL에서 삽입을 선택하는 것입니다. 그런 다음 YouTube 링크를 붙여넣고 게시물에 삽입을 클릭합니다.

재생 목록 또는 고급 단일 비디오를 포함하는 방법

기본 WordPress YouTube 포함 기능은 대부분의 경우 문제가 없지만 WordPress에 YouTube 동영상을 포함하는 방법을 좀 더 제어해야 하는 상황에 직면하게 될 것입니다.

예를 들어 기본 YouTube 포함 기능을 사용하면 포함된 비디오의 크기를 쉽게 조정할 수 없습니다. 마찬가지로 단일 동영상에서만 작동하므로 YouTube 재생 목록 등을 포함하려는 경우 큰 도움이 되지 않습니다.

이러한 상황에서 가장 좋은 방법은 타사 YouTube 플러그인에 도움을 요청하는 것입니다. 많은 무료 및 프리미엄 옵션이 있지만 좋은 출발점은 창의적으로 명명된 (sic) YouTube Embed 플러그인입니다.

플러그인이 수행할 수 있는 작업은 다음과 같습니다.

  • YouTube 동영상 갤러리 포함
  • 연속 재생 및/또는 자동 재생
  • 자동 라이브 스트림 삽입
  • 반응형 디자인 크기
  • 다른 많은 작은 기능

플러그인을 사용하는 방법은 다음과 같습니다.

YouTube Embed 플러그인을 설치하고 활성화하면 WordPress 편집기 인터페이스에 새로운 YouTube 버튼이 표시됩니다.

버튼을 클릭하면 다양한 YouTube 삽입 옵션을 제공하는 인터페이스가 열립니다.

옵션을 클릭하면 플러그인에서 수행할 작업에 대한 특정 지침을 제공합니다. 예를 들어 단일 비디오를 포함하려면 평소와 같이 URL에 붙여넣기만 하면 됩니다.

내장된 YouTube 동영상이 작동하는 방식에 대한 다양한 설정을 구성하려면 대시보드 사이드바의 YouTube 무료 탭으로 이동하세요. 일부 기능에는 플러그인의 Pro 버전이 필요하지만 대부분은 무료 버전에서 구성할 수 있습니다.

일부 삽입 유형을 활성화하려면 YouTube API 키를 입력해야 할 수도 있습니다. 플러그인은 필요한 경우 이 전체 프로세스를 안내할 수 있습니다.

기타 유용한 WordPress YouTube 플러그인

YouTube 비디오 임베딩으로 더 나아가고 싶다면 다음과 같은 몇 가지 유용한 플러그인이 있습니다.

  • Yottie – YouTube 동영상을 포함하기 위해 100개 이상의 조정 가능한 매개변수를 제공하는 인기 있고 저렴한 플러그인입니다.
  • 비디오 갤러리 – YouTube 비디오 및 Vimeo와 같은 다른 소스에서 비디오 갤러리를 만드는 데 도움이 되는 또 다른 저렴한 플러그인입니다.

YouTube에서 헤더 영웅 비디오를 삽입하는 방법

WordPress에 상당히 새로운 기능으로 YouTube 섹션을 마무리해 보겠습니다. 테마가 지원한다고 가정하면 이제 YouTube 동영상에서 헤더 배경 동영상을 추가할 수 있습니다. 이 기능은 특히 기본 Twenty Seventeen WordPress 테마에서 사용할 수 있습니다.

이 기능에 액세스하려면 모양 → 사용자 정의 로 이동하십시오. 그런 다음 헤더 미디어 옵션을 선택합니다. 거기에서 배경으로 사용하려는 비디오의 URL을 붙여넣기만 하면 됩니다.

다시 말하지만 모든 테마가 이 기능을 지원하는 것은 아닙니다. 하지만 테마가 있는 경우 헤더 비디오 배경을 만드는 것은 쉬운 방법입니다.

WordPress에 Vimeo 동영상을 삽입하는 방법

좋은 소식이있어! WordPress에 Vimeo 비디오를 포함하는 것은 YouTube 비디오를 포함하는 것만큼 쉽습니다. 즉, 포함하려는 비디오의 URL을 가져와 WordPress 편집기에 붙여넣기만 하면 됩니다.

그러면 동영상의 실시간 미리보기가 표시됩니다.

WordPress Vimeo 비디오를 더 잘 제어하려면 무료 Vimeography 플러그인을 사용하면 WordPress에서 Vimeo 비디오 갤러리를 만들 수 있습니다.

그 외에도 내장된 모양 편집기를 사용하여 Vimeo 갤러리의 모양을 변경할 수도 있습니다.

WordPress에 다른 비디오를 포함하는 방법

URL을 붙여넣기만 하면 다양한 소스의 비디오를 포함할 수 있지만(여기에서 전체 목록을 볼 수 있음) 모든 단일 타사 비디오 서비스에 해당하는 것은 아닙니다.

원하는 비디오 소스가 지원되지 않는 경우 일반적으로 다음을 통해 포함할 수 있습니다.

  • 해당 비디오 소스의 실제 내장 코드(URL 아님 ) 복사
  • 해당 임베드 코드를 WordPress 편집기의 텍스트 탭에 붙여넣기

위의 예는 WordPress에 Wistia 비디오를 삽입하는 방법을 보여줍니다.

텍스트 탭을 사용하는 것이 중요합니다. 그렇지 않으면 내장 코드가 제대로 작동하지 않습니다.

WordPress에서 자신의 비디오를 호스팅하는 방법

좋아, 확실히 WordPress에서 자신의 비디오를 호스팅할 수 있습니다 . 그러나 이에 도달하기 전에 실제로 WordPress에서 비디오를 자체 호스팅 해야 하는지 여부에 대한 토론을 이끄는 것이 중요합니다.

YouTube와 같은 비디오 사이트는 실제로 WordPress로 비디오를 자체 호스팅하기로 선택하면 어깨에 직각으로 떨어지는 어려운 비하인드 작업을 많이 처리합니다.

그래서…

WordPress에서 동영상을 자체 호스팅하기 전에 두 번 생각해야 하는 이유

WordPress에서 동영상을 자체 호스팅하는 것이 막막하다면 잠시 후 이를 수행하는 방법을 알려 드리겠습니다. 그러나 먼저 YouTube 또는 Vimeo와 같은 무료 서비스를 사용하는 것이 일반적으로 더 나은 옵션인 몇 가지 이유가 있습니다.

  • 서버 대역폭 – 비디오 파일은 방대합니다. Google에는 전체 서버 국가( 약간 과장 )가 있지만 서버는 특히 공유 호스팅에서 동일한 전송 능력을 갖고 있지 않습니다. 호스트가 "무제한" 대역폭을 제공하더라도 너무 많이 사용하면 호스트가 차단할 가능성이 높습니다.
  • 느린 비디오 CDN을 사용하여 비디오를 전송하더라도(서버 대역폭에 도움이 됨) YouTube 또는 다른 사람만큼 비디오를 빨리 로드하지 못할 것입니다.
  • 다양한 비디오 형식 및 품질 – YouTube를 통해 다양한 비디오 품질 간에 원활하게 전환하는 방법을 본 적이 있습니까? 비디오를 자체 호스팅하려는 경우 수동으로 변환하는 모든 작업을 수행해야 합니다. 그것은 고통 입니다.
  • 낮은 가시성 – YouTube가 세계에서 두 번째로 큰 검색 엔진이라는 사실을 알고 계셨습니까? 동영상을 자체 호스팅하면 YouTube에서 발생하는 엄청난 양의 검색에 액세스할 수 없게 됩니다.

그래서 준비했습니다. YouTube 또는 다른 전용 동영상 제공업체에서 동영상을 호스팅하는 것이 거의 항상 최선의 선택입니다. 하지만 WordPress에서 비디오를 자체 호스팅해야 하는 경우에는 다음과 같이 하십시오.

WordPress에서 동영상을 자체 호스팅하는 방법

WordPress에서 비디오를 자체 호스팅하려면 미디어 라이브러리를 통해 비디오를 업로드하거나 WordPress 편집기의 미디어 추가 버튼을 사용하십시오.

업로드되면 미디어 삽입 인터페이스를 사용하여 미디어 플레이어 포함 옵션으로 삽입합니다.

비디오 크기를 수정하려면 텍스트 탭으로 이동하여 너비 및 높이 매개변수를 변경할 수 있습니다.

그렇지 않으면 자체 호스팅 비디오를 게시할 준비가 된 것입니다. 다음은 자체 호스팅 WordPress 비디오 플레이어가 프런트 엔드에서 어떻게 보이는지 보여줍니다.

WordPress 사이트의 사이드바에 동영상을 추가하는 방법

마지막으로 상당히 새로운 WordPress 기능으로 마무리해 보겠습니다. WordPress 4.8부터 WordPress에는 기본적으로 비디오 위젯 이 포함되어 있습니다.

이 비디오 위젯을 사용하면 사이드바, 바닥글 또는 사이트의 위젯화된 기타 영역에 비디오를 쉽게 포함할 수 있습니다.

그것을 사용하려면 모양 → 위젯 으로 이동하여 비디오 위젯 위로 드래그하십시오. 그런 다음 URL에 붙여넣거나 미디어 라이브러리에서 파일을 선택하여 비디오를 포함할 수 있습니다.

정리하기

이것으로 WordPress 사이트에서 비디오를 사용하는 방법에 대한 가이드를 마치겠습니다.

다시 한 번 말씀드리지만 가장 좋은 방법은 거의 항상 YouTube나 Vimeo와 같은 타사 사이트에서 동영상을 호스팅하는 것입니다. 해당 사이트의 비디오를 포함하는 것은 쉽고 시간과 리소스를 상당히 절약할 수 있습니다.

단일 비디오를 포함하려면 거의 항상 비디오의 URL을 붙여넣으면 됩니다. 나머지는 WordPress가 처리합니다.

비디오 갤러리나 재생 목록을 더 창의적으로 사용하려면 타사 플러그인의 도움이 필요할 수 있습니다.

가이드가 도움이 되었기를 바라며 질문이 있으면 알려주세요!