soporte Contactar con Soporte | Estadoestado del sistema del sistema
Contenido de la página

    Asignación dinámica de vídeos a un reproductor

    En este tema se tratan diferentes formas en que los vídeos se pueden asignar dinámicamente a los reproductores.

    Es posible que tenga casos en los que necesite cambiar el vídeo asociado a un reproductor. Por ejemplo, tal vez el espectador tenga la capacidad de controlar qué vídeo quiere ver. Tal vez el vídeo del reproductor se basa en la parte del sitio del que proviene el espectador.

    Si necesita mostrar diferentes vídeos en un reproductor, se recomienda utilizar un reproductor y, a continuación, cambiar dinámicamente el vídeo asociado al 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 de catálogo. Para obtener más información y código de ejemplo, consulte el documento del desarrollador Cambiar dinámicamente los vídeos de origen.

    Pasar el ID de vídeo como parámetro de URL

    Puede cambiar la fuente de vídeo de un reproductor pasando el ID de vídeo como parámetro URL mediante el formulario ?videoId=YOUR_VIDEO_ID.

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

    Pasar el identificador de referencia como parámetro URL

    Puede cambiar la fuente de vídeo de un reproductor pasando el ID de referencia como parámetro URL mediante el formulario ?videoId=ref:YOUR_VIDEO_REF_ID.

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

    Modificación del código de inserción para proporcionar un ID de vídeo

    Puede asignar un vídeo de Video Cloud al código de incrustación del reproductor directamente utilizando el ID de vídeo.

    Código de incrustación en la página

    Agregue el atributo data-video-id="YOUR_VIDEO_ID" a la <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 incrustación de iframe

    Añadir ?videoId=YOUR_VIDEO_ID al final de la URL en el src atributo del iframe:

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

    Modificación del código de inserción para proporcionar un ID de referencia

    Puede asignar un vídeo de Video Cloud al código de incrustación del reproductor directamente utilizando el ID de referencia.

    Código de incrustación en la página

    Agregue el atributo data-video-id="ref:YOUR_VIDEO_REF_ID" a la <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 incrustación de iframe

    Añadir ?videoId=ref:YOUR_VIDEO_REF_ID al final de la URL en el src atributo del iframe:

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

    Última actualización de la página el 28-09-2020