Show Menu
TEMAS×

Distribución de vídeos en sitios web y sitios móviles

Los sitios web, los sitios móviles y las aplicaciones de escritorio acceden al contenido del servidor de Dynamic Media Classic, incluido el vídeo, mediante cadenas URL o código incrustado. Dynamic Media Classic activa estas cadenas URL durante el proceso de publicación. Para colocar la cadena URL o el código incrustado del vídeo en las páginas web, las páginas móviles y las aplicaciones de escritorio, debe copiar esta cadena desde Dynamic Media Classic.
La URL o el código incrustado no se activan hasta que publique el recurso.

Publicación de vídeo

La publicación de un vídeo permite a los servidores Dynamic Media Classic entregar vídeo en el sitio web, el sitio móvil o la aplicación.
Existen dos métodos que puede utilizar para publicar vídeos:
  • Publicación automática e instantánea de vídeos durante la carga
    Como parte del proceso de carga de vídeo, Dynamic Media Classic puede publicar vídeos automáticamente al cargarlos y codificarlos. Esta capacidad para publicar inmediatamente significa que no es necesario publicar los vídeos por separado posteriormente.
  • Publicación manual de vídeos tras la carga
    Si no desea publicar vídeos inmediatamente, puede publicar los vídeos manualmente en cualquier momento.
Después de publicar los vídeos, Dynamic Media Classic activa las cadenas URL de su página HTML o código de aplicación.
Para publicar vídeos
  1. Realice una de las siguientes acciones:
    • Para publicar vídeos de forma automática e instantánea durante la carga, haga clic en Publicar tras la carga en la pantalla de carga. Ya ha terminado; no tiene que seguir más pasos.
    • Para publicar vídeos de forma manual tras carga, en el panel Examinar, seleccione los vídeos y a continuación, en la barra de navegación global, haga clic en Publicar .

Vinculación de una URL de vídeo a sitios web o de dispositivos móviles

Una vez que haya publicado un vídeo, puede obtener su URL para utilizarla en un sitio web, un sitio de dispositivos móviles o una aplicación de escritorio. Utilice las URL de vídeo cuando desee mostrar vídeo en una ventana emergente o modal por encima de la página web.
Cuando un cliente haga clic en el vínculo, se detectará automáticamente el dispositivo, el ancho de banda y el tamaño de la pantalla. Se mostrará el vídeo apropiado para la reproducción en el visor predefinido para el ordenador o en el reproductor de vídeo nativo del dispositivo smartphone o tablet.
Para vincular una URL de vídeo a sitios web o de dispositivos móviles
  1. En la lista desplegable Mostrar del panel de exploración de recursos, haga clic en Vídeo o Conjunto de vídeos adaptables .
  2. En el panel Biblioteca de recursos del lado izquierdo, navegue a la carpeta de recursos que contenga el vídeo o el conjunto de vídeos adaptables cuyo código incrustado desee vincular.
  3. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:
    • Haga clic en Vista de cuadrícula o Vista de lista . En el panel de exploración de recursos, haga doble clic en la miniatura de vídeo de un solo recurso para abrirlo en la vista de detalles. En el panel URL y código incrustado de la derecha, en Flujo HTTP, haga clic en Copiar URL a la derecha del visor que desee. As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen en miniatura.
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL . As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL . As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL . As a best practice, copy the URL associated with the Universal_HTML5_Video viewer.
  4. Coloque el vínculo a la URL del vídeo HTML5 en el sitio web y el sitio de dispositivos móviles.

Incrustación del visor de vídeo en páginas web

Utilice la función de código incrustado si desea reproducir el vídeo incrustado en la página web. El código incrustado se copia en el portapapeles para pegarlo en las páginas web. No se permite la edición del código en el cuadro de diálogo Código incrustado.
Para incrustar el visor de vídeo en una página web
  1. En la lista desplegable Mostrar del panel de exploración de recursos, haga clic en Vídeo o Conjunto de vídeos adaptables .
  2. En el panel Biblioteca de recursos del lado izquierdo, navegue a la carpeta de recursos que contenga el vídeo o el conjunto de vídeos adaptables cuyo código incrustado desea copiar.
  3. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:
    • Haga clic en Vista de cuadrícula o Vista de lista . En el panel de exploración de recursos, haga doble clic en la miniatura de vídeo de un solo recurso para abrirlo en la vista de detalles. En el panel URL y código incrustado de la derecha, en Flujo HTTP, haga clic en Código incrustado a la derecha del visor que desee. As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen de la miniatura de vídeo.
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado . As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado . As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
    • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .
      En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado . As a best practice, click Embed Code that is associated with the Universal_HTML5_Video viewer.
  4. En el cuadro de diálogo Código incrustado, haga clic en Copiar al portapapeles .
    No se permite la edición del código en el cuadro de diálogo Código incrustado.
  5. Haga clic en Cerrar .
  6. Pegue el código incrustado en las páginas web.

Implementing embed code for using HTML5 video with MP4 video assets

If you do not use the Dynamic Media Classic HTML5 video player, but instead want to use the native HTML5 <video> tag with MP4 video assets, you can use the following embed code sample:
<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

Implementación de vídeo con un reproductor de vídeo de terceros

Si utiliza un reproductor de vídeo de terceros o un reproductor de vídeo integrado personalizado en lugar de un visor de vídeo Dynamic Media Classic, puede obtener la URL de vídeo directa que funciona para el flujo de vídeo de varias velocidades de bits HLS o la descarga progresiva.
Para implementar vídeo con un reproductor de vídeo de terceros
  1. In Dynamic Media Classic, on the Global Navigation bar, click Setup > Application Setup > General Settings .
  2. Según el tipo de URL que desee utilizar, realice una de las tareas siguientes:
  • Para generar una URL directa de vídeo de flujo HLS (varias velocidades de bits)
    En la página Configuración general de la aplicación, en el grupo Servidores , en el campo de texto Nombre del servidor publicado, cree la URL directa con la siguiente sintaxis: server/is/content/company/folder/filename.m3u8 Por ejemplo, supongamos que el nombre del servidor Publicado está https://s7d9.scene7.com/. Utilizando la sintaxis del paso 2, la dirección URL directa podría tener el siguiente aspecto: https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8
  • Para generar una URL directa de vídeo de flujo HLS (velocidad de bits única)
    On the Application General Settings page, in the Servers group, in the HLS Streaming Server Name text field, construct the direct URL using the following syntax: server/company/folder/filename.ext.m3u8 Por ejemplo, supongamos que el nombre del servidor de flujo HLS es https://s7mbrstream.scene7.com/hls-vod/ . Utilizando la sintaxis en el paso 2, la dirección URL directa puede tener el siguiente aspecto: https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.m3u8
  • Para generar una URL directa de vídeo progresivo
    En la página Configuración general de la aplicación , en el grupo Servidores , campo de texto Nombre del servidor de vídeo progresivo , cree la URL de eVideo directa utilizando la siguiente sintaxis: server/company/folder/filename For example, suppose the progressive video server name is https://s7d9.scene7.com/is/content/ . Utilizando la sintaxis en el paso 2, la dirección URL directa puede tener el siguiente aspecto: https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

Uso de las miniaturas de vídeo

Dynamic Media Classic genera miniaturas para vídeos codificados y vídeos precodificados. Puede utilizar las miniaturas de vídeo como cualquier otro recurso de imagen. Además, puede obtener direcciones URL para las miniaturas de vídeo que Dynamic Media Classic genera e implementar estas URL fuera de Dynamic Media Classic. Por ejemplo, puede implementar las miniaturas en resultados de búsquedas, listados de vídeos relacionados y listas de reproducción de vídeos en un sitio web.
Las miniaturas se generan en función del primer fotograma heterogéneo (no en un fotograma todo negro o todo blanco, etc. ) del vídeo.

Obtención de las URL de miniaturas de vídeo

Dynamic Media Classic genera automáticamente miniaturas de vídeo durante el proceso de carga. Las miniaturas aparecen en el panel Examinar en la vista de lista y en la vista de cuadrícula.
Para generar direcciones URL para miniaturas de vídeo, realice una operación de publicación.
Tras la publicación, puede obtener las URL de las miniaturas de vídeo en la vista de detalles del panel URL y código incrustado. Haga clic en Copiar URL a la derecha de la miniatura de vídeo para copiar su dirección URL.

Modificación de fotogramas de póster en visores de vídeos

El fotograma de póster es el fotograma inicial que aparece en los visores de vídeo antes de que el vídeo empiece a reproducirse. Dynamic Media Classic utiliza miniaturas de vídeo como fotogramas de póster.
Puede aplicar modificadores de imagen al fotograma de póster. Por ejemplo, puede recortar el fotograma de póster o hacerlo transparente. Para modificar el fotograma de póster, abra la pantalla de configuración del visor de vídeo e introduzca modificadores en la sección Modificadores de imagen de póster.
También puede modificar las miniaturas de los vídeos agregando modificadores a las URL de las miniaturas de vídeo.