Asignar videos dinámicamente a un reproductor

Este tema cubre diferentes formas en que los videos se pueden asignar dinámicamente a los reproductores.

Es posible que haya casos en los que necesite cambiar el video asociado con un reproductor. Por ejemplo, tal vez el espectador tenga la capacidad de controlar qué video quiere ver. Quizás el video en el reproductor se basa en la parte del sitio de donde proviene el espectador.

Si necesita mostrar diferentes videos en un reproductor, se recomienda usar un reproductor y luego cambiar dinámicamente el video asociado con el reproductor.

En este tema se describen las siguientes técnicas:

El contenido también se puede asignar dinámicamente a un reproductor mediante la API del catálogo. Para obtener más información y código de muestra, consulte el documento para desarrolladores Cambie dinámicamente los videos de origen.

Pasando la identificación del video como un parámetro de URL

Puede cambiar la fuente de video para un reproductor pasando el ID de video como un parámetro de URL usando el formulario ?videoId=YOUR_VIDEO_ID.

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

Pasando el ID de referencia como parámetro de URL

Puede cambiar la fuente de video para un reproductor pasando el ID de referencia como un parámetro de URL usando el formulario ?videoId=ref:YOUR_VIDEO_REF_ID.

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

Modificar el código de inserción para proporcionar una identificación de video

Puede asignar un video de Video Cloud al código de inserción del reproductor directamente usando la identificación de video.

Código incrustado en la página

Agregar el atributo data-video-id="YOUR_VIDEO_ID" hacia <video> etiqueta:

<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>

Código de inserción de iframe

Agregar ?videoId=YOUR_VIDEO_ID al final de la URL en el src atributo para el iframe:

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

Modificar el código de inserción para proporcionar una ID de referencia

Puede asignar un video de Video Cloud al código de inserción del reproductor directamente utilizando el ID de referencia.

Código incrustado en la página

Agregar el atributo data-video-id="ref:YOUR_VIDEO_REF_ID" hacia <video> etiqueta:

<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>

Código de inserción de iframe

Agregar ?videoId=ref:YOUR_VIDEO_REF_ID al final de la URL en el src atributo para el iframe:

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