Adición de recursos de Dynamic Media a las páginas adding-dynamic-media-assets-to-pages

Para agregar la funcionalidad Dynamic Media a los recursos que uses en tus sitios web, puedes agregar el componente Dynamic Media o Interactive Media directamente en la página. Active el modo Diseño y habilite los componentes de Dynamic Media. A continuación, puede añadir estos componentes a la página y añadir recursos al componente. Los componentes de Dynamic Media y medios interactivos son inteligentes: saben si va a añadir una imagen o un vídeo y las opciones disponibles cambian en consecuencia.

Los recursos de Dynamic Media se agregan directamente a la página si utiliza Adobe Experience Manager como WCM.

Añadir un componente de Dynamic Media a una página adding-a-dynamic-media-component-to-a-page

Añadir el componente Dynamic Media o Interactive Media a una página es lo mismo que agregar un componente a cualquier página. Los componentes Dynamic Media y Interactive Media se describen en detalle en las siguientes secciones.

Para agregar un componente o visualizador de Dynamic Media a una página:

Componentes de Dynamic Media dynamic-media-components

Dynamic Media y Interactive Media están disponibles en el Sidekick en Dynamic Media. Utiliza el componente Medios interactivos para cualquier recurso interactivo, como vídeo interactivo, imágenes interactivas o conjuntos de carrusel. Para el resto de los componentes de Dynamic Media, use el componente Dynamic Media.

componente de Dynamic Media dynamic-media-component

El componente Dynamic Media es inteligente: según si agrega una imagen o un vídeo, tiene varias opciones. El componente admite ajustes preestablecidos de imagen, visores basados en imágenes como conjuntos de imágenes, conjuntos de giros, conjuntos de medios mixtos y vídeo. Además, el visualizador es adaptable. Es decir, el tamaño de la pantalla cambia automáticamente según el tamaño de la pantalla. Todos los visualizadores son visualizadores basados en HTML5.

Al trabajar con imágenes when-working-with-images

El componente Dynamic Media le permite agregar imágenes dinámicas, incluidos conjuntos de imágenes, conjuntos de giros y conjuntos de medios mixtos. Puede acercar y alejar la imagen y, si procede, girar una imagen dentro de un conjunto de giros o seleccionar una imagen de otro tipo de conjunto.

También puede configurar el ajuste preestablecido de visualizador, el ajuste preestablecido de imagen o el formato de imagen directamente en el componente. Para que una imagen sea adaptable, puede establecer los puntos de interrupción o aplicar un ajuste preestablecido de imagen adaptable.

Para editar la siguiente configuración de Dynamic Media, haz clic en Editar en el componente y, a continuación, haz clic en la pestaña Configuración de Dynamic Media.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor existente en el menú desplegable. Si el ajuste preestablecido de visualizador que busca no está visible, debe hacerlo visible. Consulte Administrar ajustes preestablecidos de visor. No puede seleccionar un ajuste preestablecido de visualizador si utiliza un ajuste preestablecido de imagen y a la inversa.

Esta opción solo está disponible si ve conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos. Los ajustes preestablecidos del visualizador mostrados son inteligentes. Es decir, solo aparecen los ajustes preestablecidos de visualizador relevantes.

Ajuste preestablecido de imagen: seleccione un ajuste preestablecido de imagen existente en el menú desplegable. Si el ajuste preestablecido de imagen que está buscando no está visible, debe hacerlo visible. Consulte Administrar ajustes preestablecidos de imagen. No puede seleccionar un ajuste preestablecido de visualizador si utiliza un ajuste preestablecido de imagen y a la inversa.

Esta opción no está disponible si está viendo conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Modificadores de imagen: puede cambiar los efectos de imagen si proporciona comandos de imagen adicionales. Estos comandos se describen en Administración de ajustes preestablecidos de imagen y en la Referencia de comando.

Esta opción no está disponible si está viendo conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Puntos de interrupción: si utiliza este recurso en un sitio adaptable, debe agregar los puntos de interrupción de la página. Los puntos de interrupción de imagen están separados por comas (,). Esta opción funciona cuando no hay altura o anchura definida en un ajuste preestablecido de imagen.

Esta opción no está disponible si está viendo conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Puede editar las configuraciones avanzadas siguientes haciendo clic en Editar en el componente.

Título: cambie el título de la imagen.

Texto alternativo: agregue un título a la imagen para los usuarios que tengan los gráficos desactivados.

Esta opción no está disponible si está viendo conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

URL, Abrir en: puede configurar un recurso desde para abrir un vínculo. Establezca URL y Abrir en para indicar si desea que se abra en la misma ventana o en una nueva.

Esta opción no está disponible si está viendo conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Anchura y altura: escriba un valor en píxeles si desea que la imagen tenga un tamaño fijo. Si deja estos valores en blanco, el recurso se adaptará.

Al trabajar con vídeo when-working-with-video

Utilice el componente Dynamic Media para agregar vídeo dinámico a sus páginas web. Al editar el componente, puede elegir utilizar un ajuste preestablecido de visualizador de vídeo para reproducir el vídeo en la página.

Puede editar la siguiente configuración de Dynamic Media haciendo clic en Editar en el componente.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor de vídeo existente en el menú desplegable. Si el ajuste preestablecido de visualizador que busca no está visible, debe hacerlo visible. Consulte Administrar ajustes preestablecidos de visor.

Puede editar la siguiente configuración de Advanced haciendo clic en Editar en el componente.

Título: cambie el título del vídeo.

Anchura y altura: escriba un valor en píxeles si desea que el vídeo tenga un tamaño fijo. Si se dejan estos valores en blanco, se vuelve adaptable.

Proporcionar vídeo seguro how-to-delivery-secure-video

En Experience Manager 6.2, al instalar FP-13480, puede controlar si un vídeo se envía a través de una conexión SSL segura (HTTPS) o de una conexión no segura (HTTP). De forma predeterminada, el protocolo de entrega de vídeo se hereda automáticamente del protocolo de la página web en la que se incorpora. Si la página web se carga a través de HTTPS, el vídeo también se envía a través de HTTPS. Y a la inversa, si la página web está en HTTP, el vídeo se envía a través de HTTP. Normalmente, este comportamiento predeterminado funciona correctamente y no es necesario realizar ningún cambio en la configuración. Sin embargo, puede anular este comportamiento predeterminado. Anexe VideoPlayer.ssl=on al final de la ruta de acceso de una dirección URL o a la lista de otros parámetros de configuración del visor en un fragmento de código incrustado. Cualquiera de las acciones fuerza la entrega de vídeo segura.

Para obtener más información sobre la entrega de vídeo seguro y el uso del atributo de configuración VideoPlayer.ssl en la ruta de la URL, consulte Entrega de vídeo seguro en la Guía de referencia de visores. Además del visualizador de vídeo, hay una entrega de vídeo segura disponible para el visualizador de medios mixtos y el visualizador de vídeo interactivo.

Componente de medios interactivo interactive-media-component

El componente de medios interactivos es para aquellos recursos que tienen interactividad en ellos, como zonas interactivas o mapas de imagen. Si tiene una imagen interactiva, un vídeo interactivo o un banner de carrusel, use el componente Medios interactivos.

El componente Medios interactivos es inteligente; dependiendo de si agrega una imagen o un vídeo, tiene varias opciones. Además, el visualizador es adaptable. Es decir, el tamaño de la pantalla cambia automáticamente según el tamaño de la pantalla. Todos los visualizadores son visualizadores basados en HTML5.

Puede editar la siguiente configuración de General haciendo clic en Editar en el componente.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor existente en el menú desplegable. Si el ajuste preestablecido de visualizador que busca no está visible, debe hacerlo visible. Los ajustes preestablecidos del visor deben publicarse para poder utilizarse. Consulte Administrar ajustes preestablecidos de visor.

Título: cambie el título del vídeo.

Anchura y altura: escriba un valor en píxeles si desea que el vídeo tenga un tamaño fijo. Si se dejan estos valores en blanco, se vuelve adaptable.

Puede editar la siguiente configuración de Agregar al carro haciendo clic en Editar en el componente.

Mostrar recurso del producto: este valor está seleccionado de forma predeterminada. El recurso de producto muestra una imagen del producto tal como se define en el módulo de Commerce. Desactive la marca de verificación para no mostrar el recurso del producto.

Mostrar precio del producto: este valor está seleccionado de forma predeterminada. El precio del producto muestra el precio del artículo tal como se define en el módulo Commerce. Desactive la marca de verificación para no mostrar el precio del producto.

Mostrar formulario de productos: de forma predeterminada, este valor no está seleccionado. El formulario de producto incluye cualquier variante de producto, como tamaño y color. Desactive la marca de verificación para no mostrar las variantes del producto.