플레이어에 동적으로 비디오 할당

플레이어와 관련된 비디오를 변경해야하는 경우가있을 수 있습니다. 예를 들어, 시청자가보고 싶은 비디오를 제어 할 수있는 능력이있을 수 있습니다. 플레이어의 동영상은 시청자가 사이트의 어느 부분에서 왔는지 기반으로 할 수 있습니다.

플레이어에 다른 비디오를 표시해야하는 경우 하나의 플레이어를 사용한 다음 플레이어와 연결된 비디오를 동적으로 변경하는 것이 좋습니다.

이 항목에서는 다음 기술에 대해 설명합니다.

• URL 매개 변수로 동영상 ID 전달
• 참조 ID를 URL 매개 변수로 전달
• 임베드 수정 동영상 ID를 제공하는 코드
• 임베드 수정 참조 ID를 제공하는 코드

Catalog API를 사용하여 콘텐츠를 플레이어에 동적으로 할당 할 수도 있습니다. 자세한 정보 및 샘플 코드는 개발자 문서를 참조하십시오. 소스 비디오를 동적으로 변경 .

URL 매개 변수로 동영상 ID 전달

다음 양식을 사용하여 동영상 ID를 URL 매개 변수로 전달하여 플레이어의 동영상 소스를 변경할 수 있습니다. ?videoId=YOUR_VIDEO_ID .

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=4292158104001

참조 ID를 URL 매개 변수로 전달

다음 양식을 사용하여 참조 ID를 URL 매개 변수로 전달하여 플레이어의 비디오 소스를 변경할 수 있습니다. ?videoId=ref:YOUR_VIDEO_REF_ID .

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=ref:1234

비디오 ID를 제공하도록 소스 코드 수정

비디오 ID를 사용하여 Video Cloud 비디오를 플레이어 내장 코드에 직접 할당 할 수 있습니다.

<video-js   data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

참조 ID를 제공하도록 소스 코드 수정

참조 ID를 사용하여 Video Cloud 비디오를 플레이어 내장 코드에 직접 할당 할 수 있습니다.

<video-js data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="ref:68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=ref:68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>