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