페이지 내 환경에서 동적 비디오 재정의 사용

이 항목에서는 페이지 내 경험에서 동적 비디오 재정의를 사용하는 방법에 대해 설명합니다.

페이지 내 경험에서 비디오를 변경하려는 경우가 있을 수 있습니다. 예를 들어, 경험의 동영상은 사용자가 선택한 항목에 따라 또는 사이트의 다른 부분으로 이동할 때 변경해야 할 수 있습니다. 서로 다른 비디오 집합이 있는 새로운 페이지 내 경험을 만드는 대신 임베딩 코드를 수정하여 환경에 적합한 비디오를 할당할 수 있습니다. embed 코드의 변경 사항은 사용 중인 embed 코드의 유형에 따라 달라집니다.

권장 임베드 코드

일반적인 페이지 내 환경 포함 코드 (권장 옵션) 는 다음과 같습니다.

<div data-experience="597a2aa114b2ed00103052af"></div>
<script src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/live.js"></script>

페이지 내 경험과 연결된 비디오를 동적으로 재정의하려면 임베드 코드를 변경하여div태그에 속성을 추가하여 사용할 비디오 또는 재생 목록을 지정할 수 있습니다.

개별 비디오 지정

사용할 개별 비디오를 지정하려면data-video-ids매개 변수를div태그를 지정한 다음 쉼표로 구분 된 동영상 ID 목록을 지정합니다.

<div data-experience="597a2aa114b2ed00103052af" 
     data-video-ids="12345,56789"></div>
<script src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/live.js"></script>

재생 목록 지정

사용할 재생 목록을 지정하려면data-playlist-id매개 변수를div태그를 지정한 다음 사용할 재생 목록 ID를 지정합니다.

<div data-experience="597a2aa114b2ed00103052af" 
     data-playlist-id="12345"></div>
<script src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/live.js"></script>

자바 스크립트 임베드 코드 없음

일반적인 페이지 내 환경 포함 코드 (JavaScript 옵션 없음) 는 다음과 같습니다.

<iframe style="display:block;border:none;margin-left:auto;margin-right:auto;"
src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/index.html"
allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

페이지 내 경험과 연결된 비디오를 동적으로 재정의하려면 임베드 코드를 변경하여src특성에 매개 변수를 추가할 수 있습니다.

개별 비디오 지정

사용할 개별 비디오를 지정하려면videoIds매개 변수를 추가한 다음 쉼표로 구분된 비디오 ID 목록을 지정합니다.

<iframe style="display:block;border:none;margin-left:auto;margin-right:auto;"
src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/index.html?videoIds=12345,56789""
allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

재생 목록 지정

사용할 재생 목록을 지정하려면playlistId매개 변수를 추가한 다음 사용할 재생 목록 ID를 지정합니다.

<iframe style="display:block;border:none;margin-left:auto;margin-right:auto;"
src="https://players.brightcove.net/20318290001/experience_597a2aa114b2ed00103052af/index.html?playlistId=12345"
allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>