모든 소스에서 비디오 코드를 포함하는 방법

비디오 삽입 코드는 URL, 크기 및 이름과 같은 비디오 데이터를 포함하는 코드 문자열입니다. 이 코드를 사용하면 블로그 및 방문 페이지에 비디오 콘텐츠를 표시할 수 있습니다. 그리고 블로그와 랜딩 페이지에 비디오 콘텐츠가 포함되기를 원할 것입니다. Wistia의 연구에 따르면 비디오가 세션 시간을 2.6배 향상시키는 것으로 나타났습니다.

비디오가 원활하게 재생되도록 하려면 모든 소스의 비디오 코드를 사용자 지정하고 포함하는 방법을 배워야 합니다. 코드를 올바르게 삽입하는 방법을 모른다는 것은 시청자가 보거나 공유할 수 없는 반응이 없는 동영상을 호스팅하는 것을 의미할 수 있습니다. 이 세 단계는 일반적인 "복사하여 붙여넣기" 조언을 넘어서 기사에서 눈에 띄는 비디오를 포함하는 방법을 알려줍니다.

1. 비디오를 호스팅할 위치를 선택합니다.

각 비디오 호스팅 서비스에는 고유한 기능과 제약이 있습니다. 일부 호스팅 제공업체는 기본 도구만 제공합니다. 이를 통해 비디오를 호스팅하고 위치를 선택할 수 있습니다. 웹사이트에 비디오를 배포하는 것만으로도 충분합니다. 그러나 다른 회사의 경우 이러한 도구가 모든 요구 사항에 충분하지 않을 수 있습니다. 예를 들어 비디오 재생 방법을 편집하고 성능을 추적하려는 경우 기본 호스팅 서비스로는 충분하지 않습니다.

저렴한 호스팅 제공업체는 저렴하지만 평판 좋은 호스팅 제공업체보다 다운타임이 더 많습니다. 중요한 문제를 해결하겠다고 약속하는 비디오를 볼 수 없는 독자는 다른 곳에서 답을 찾을 것입니다. 랩톱 또는 스트리밍 사이트의 비디오를 포함하는 것은 중요하지 않습니다. 목표를 달성하는 데 도움이 되는 도구가 있는 평판 좋은 호스팅 제공업체를 선택하고 싶을 것입니다.

목표에 따라 선택할 호스팅이 결정됩니다. 브랜드 인지도를 높이고 싶다면 YouTube를 사용하세요. YouTube에 업로드하고 나중에 웹사이트에 퍼가는 동영상은 YouTube 및 Google 검색 순위에 오르므로 가장 광범위한 청중에게 다가갈 수 있습니다.

광범위한 도달보다 의도가 높은 리드에 중점을 둔 회사의 경우 Wistia는 인비디오 리드 생성 도구로 인해 더 나은 옵션입니다. CTA와 양식을 추가하여 비디오 플레이어에서 바로 잠재 고객 목록을 작성할 수 있습니다.

2. 비디오의 내장 코드 찾기

일부 CMS에서는 임베드 코드 없이 비디오를 임베드할 수 있습니다. 비디오의 URL을 붙여넣기만 하면 CMS가 이를 웹사이트에 삽입합니다. 편리하기는 하지만 비디오와 포함 코드를 수동으로 검색하는 것이 좋습니다. 코드에 액세스하면 원하는 방식으로 비디오를 표시할 수 있습니다.

내장 코드를 완벽하게 제어하여 여러 장치에서 즐거운 시청 경험을 제공할 수 있습니다. 그리고 동영상을 보기 쉽게 만드는 것은 Google에서 페이지 순위를 높이는 데 필수적입니다. 그들의 웹 바이탈은 페이지 탐색이 얼마나 쉬운지를 측정합니다. 시청자가 위치 때문에 버튼을 클릭하거나 재생하는 데 어려움을 겪는 경우 Google에서 기사의 수준을 낮출 수 있습니다.

대부분의 호스팅 서비스는 비디오 플레이어의 공유 옵션 아래에 포함 코드를 저장합니다. 코드 정보는 호스트마다 다르지만 일반적으로 비디오의 크기, 길이 및 제목에 대한 데이터를 볼 수 있습니다. 비디오를 포함할 준비가 되면 이 정보를 편집할 수 있습니다.

3. 비디오의 모양과 재생 방식을 사용자 지정합니다.

동영상의 모양과 재생 방식을 수정하여 다른 사람이 동영상을 시청할 가능성을 높일 수 있습니다. 편집되지 않은 임베디드 코드는 기사 내에서 길을 잃거나 요점에 도달하는 데 너무 오래 걸리므로 조회수가 0인 비디오를 재생할 수 있습니다. 몇 가지 조정을 통해 동영상의 조회수를 최대화할 수 있습니다.

모습

다른 사람이 동영상을 볼 경우 동영상 플레이어의 크기, 색상 및 배치에 영향을 줍니다. 플레이어가 너무 작거나 거의 보이지 않으면 시청자가 동영상을 놓칠 수 있습니다. 독자가 스크롤을 멈추도록 하려면 페이지의 나머지 부분과 대조되는 비디오 플레이어의 색상을 선택하십시오.

귀하의 페이지가 흰색 배경을 사용하고 비디오 플레이어가 밝은 색상의 썸네일 및 재생 버튼을 사용한다고 가정해 보겠습니다. 이 경우 기사를 훑어보는 독자는 기사를 보지 못할 수 있습니다. 또는 재생 버튼이 밝은 빨간색이고 동영상이 페이지의 80%를 차지하도록 내장 코드를 편집한다고 상상해 보세요. 이러한 수정으로 인해 시청자가 동영상을 놓치기가 어렵습니다.

코드를 편집하여 비디오의 크기와 플레이어의 색상을 편집할 수 있습니다. 크기를 변경하려면 내장 코드로 이동하여 "width=" 및 "height="를 찾으십시오. 웹사이트 화면의 대부분을 차지하는 크기를 선택하여 표시되도록 합니다. 대부분의 경우 1280픽셀 너비와 720픽셀 높이로 충분합니다.

인라인 스타일 코드는 비디오 플레이어의 색상과 테두리를 조정할 수 있습니다. 먼저 코드에서 "iframe"이라는 단어를 찾아서 이러한 요소를 변경합니다. 이 텍스트는 HTML 파일에 다른 문서를 포함하는 코드 라인입니다. 그런 다음 style="border: 5px solid #AAA"를 붙여넣습니다. 직후. "px" 앞의 숫자는 테두리의 너비를 나타내고 # 상태 뒤의 세 글자는 HTML 색상 코드에서 테두리의 색상을 정의합니다.

플레이어 설정

포함된 비디오는 속성이라고도 하는 코드의 매개변수에 따라 다르게 재생됩니다. 코드를 수정하여 시청자에게 더 유용한 동영상을 만드세요.

시청자가 비디오 시작 부분을 건너뛰도록 하고 싶을 때가 있습니다. 아마도 소개가 그들의 문제에 도움이 되지 않을 수 있으며, 당신은 그들이 핵심 정보를 바로 알기를 원할 것입니다. 또는 다른 청중을 대상으로 하지만 모든 사람이 도움이 될 수 있는 정보가 있습니다. 이유가 무엇이든 원할 때마다 코드를 조정하여 비디오를 시작할 수 있습니다.

YouTube의 포함 옵션을 사용하면 코드를 작성하지 않고도 비디오의 시작 분을 편집할 수 있습니다. 공유, 포함으로 이동하여 "시작 시간" 상자를 선택하고 비디오가 시작되어야 하는 시간을 씁니다. YouTube 외부의 사용자는 일반적으로 포함 옵션에서 시작 시간을 설정할 수 있습니다.

또 다른 유용한 속성은 루프 매개변수로, 이 매개변수를 사용하면 비디오가 완료되면 자체적으로 반복할 수 있습니다. 이것은 교육 비디오에서 기술을 배우는 시청자에게 유용합니다. 이러한 이점은 뇌가 한 번 이상 보거나 듣는 정보를 더 잘 기억하고 기억하기 때문에 발생합니다.

포함 옵션에서 확인란을 선택하여 대부분의 호스팅 서비스에서 비디오를 반복할 수 있습니다. YouTube에서 호스팅하는 경우 임베드 코드에서 "src=" 뒤의 웹 주소를 찾으십시오. 이 코드 줄이 소스 URL입니다.

그런 다음 비디오 ID("/embed/" 뒤의 영숫자 문자)를 찾습니다. 비디오 ID의 마지막 숫자 옆에 "?playlist=[Video ID] &loop=1"이라고 쓰세요. 그러면 그 시점부터 삽입된 비디오가 반복됩니다.

웹사이트에 Vyond-Made 비디오 삽입

Vyond는 마케팅, 인적 자원, 학습 및 개발 팀의 구성원이 매력적인 비디오를 만드는 데 사용할 수 있는 직관적인 애니메이션 소프트웨어입니다. 이러한 동영상은 온보딩 시간을 67% 단축하고 전환율을 같은 비율로 늘리며 동영상 공유를 375% 늘립니다. Vyond의 템플릿을 사용하면 비디오 애니메이션 경험에 관계없이 누구나 비디오를 사용하여 엄청난 이점을 얻을 수 있습니다.

무료 평가판 시작