웹 사이트 및 모바일 사이트에 비디오 배포

비디오를 게시하면 Scene7 서버가 웹 사이트, 모바일 사이트 또는 애플리케이션에 비디오를 제공할 수 있습니다.

비디오를 게시하는 데 사용할 수 있는 2가지 서로 다른 방법이 있습니다.

비디오를 게시하면 Scene7 Publishing System에서 HTML 페이지나 애플리케이션 코드의 URL 문자열을 활성화합니다.

비디오를 게시하려면

비디오를 게시한 후에는 웹 사이트, 모바일 사이트 또는 데스크톱 애플리케이션에서 사용할 URL을 얻을 수 있습니다. 웹 페이지 상단의 팝업 또는 모달 창에서 비디오를 표시하려는 경우 이 비디오 URL을 사용하십시오.

고객이 링크를 클릭하면 장치, 대역폭 및 화면 크기가 자동으로 감지됩니다. 데스크톱에 사전 정의된 뷰어나 스마트폰과 태블릿용 모바일 장치의 기본 비디오 플레이어에서 재생하기 위해 해당 비디오가 표시됩니다.

웹 페이지에 비디오 뷰어 포함 을 참조하십시오.

비디오 URL을 모바일 사이트 또는 웹 사이트에 연결하려면

1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 비디오 또는 적응형 비디오 집합 을 클릭합니다.

2. 왼쪽의 [자산 라이브러리] 패널에서 연결하려는 비디오 또는 적응형 비디오 집합이 들어 있는 자산 폴더로 이동합니다.

3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

   • [그리드 보기] 또는 [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산의 비디오 썸네일을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 포함 코드] 패널에 있는 [HTTP 스트리밍] 아래에서 원하는 뷰어의 오른쪽에 있는 URL 복사 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 URL을 복사하는 것이 좋습니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 URL을 복사하는 것이 좋습니다.

   • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 URL을 복사하는 것이 좋습니다.

   • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 URL을 복사하는 것이 좋습니다.

4. 웹 사이트와 모바일 사이트에 HTML5 비디오 URL 링크를 붙여 넣습니다.

웹 페이지에 포함된 비디오를 재생하려면 포함 코드 기능을 사용합니다. 포함 코드를 웹 페이지에 붙여 넣을 수 있도록 클립보드로 복사합니다. 코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

비디오 URL을 모바일 사이트 또는 웹 사이트에 연결 을 참조하십시오.

웹 페이지에 비디오 뷰어를 포함하려면

1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 비디오 또는 적응형 비디오 집합 을 클릭합니다.

2. 왼쪽의 [자산 라이브러리] 패널에서 포함 코드를 복사하려는 비디오나 적응형 비디오 집합이 들어 있는 자산 폴더로 이동합니다.

3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

   • [그리드 보기] 또는 [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산의 비디오 썸네일을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 포함 코드] 패널에 있는 [HTTP 스트리밍] 아래에서 원하는 뷰어의 오른쪽에 있는 포함 코드 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 포함 코드 를 클릭하는 것이 좋습니다.

   • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 비디오 썸네일 이미지 아래에서 미리 보기 > 뷰어 목록 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 포함 코드 를 클릭하는 것이 좋습니다.

   • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 포함 코드 를 클릭하는 것이 좋습니다.

   • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

     [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다. Universal_HTML5_Video 뷰어와 연결된 포함 코드 를 클릭하는 것이 좋습니다.

4. [임베드 코드] 대화 상자에서 [클립보드에 복사] 를 클릭합니다.

   코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

5. [닫기] 를 클릭합니다.

6. 웹 페이지에 포함 코드를 붙여 넣습니다.

<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

Scene7 비디오 뷰어 대신 타사 비디오 플레이어나 사용자 작성 비디오 플레이어를 사용하는 경우 HTTP 및 iOS 다중 비트 전송률 비디오 스트리밍이나 점진적 다운로드에 사용되는 직접 비디오 URL을 얻을 수 있습니다.

타사 비디오 플레이어를 사용하여 비디오를 배포하려면

Scene7에서는 비디오 다시 자르기, 인코딩된 비디오 및 사전 인코딩된 비디오의 썸네일을 생성합니다. 이미지 자산 등의 비디오 썸네일을 사용할 수 있습니다. 또한 Scene7에서 생성하는 비디오 썸네일의 URL을 얻고 SPS 외부에 이 URL을 배포할 수 있습니다. 예를 들어 웹 사이트의 검색 결과, 관련 비디오 목록 및 비디오 재생 목록에 썸네일을 배포할 수 있습니다.

썸네일은 비디오의 첫 번째 이기종 프레임(모두 검정 프레임 또는 모두 흰색 프레임 등이 아님)에 따라 생성됩니다.

비디오 다시 자르기 를 참조하십시오.