AEMaaCS: Los dispositivos móviles muestran dos botones de reproducción en vídeos de Dynamic Media
Los vídeos de Dynamic Media en Adobe Experience Manager (AEM) as a Cloud Service muestran dos botones de reproducción superpuestos cuando se visualizan en dispositivos móviles. Para solucionarlo, actualice la configuración de Ajuste preestablecido de visor, inspeccione los scripts de inicialización y garantice la coherencia en todos los entornos.
Descripción description
Entorno
- Producto: Adobe Experience Manager (AEM) as a Cloud Service - Sitios
- Característica: ajustes preestablecidos de visualizador de Dynamic Media
- Instancia: Producción
- Plataforma: observada en dispositivos móviles físicos (por ejemplo, iPhone)
Problema/Síntomas
- Los vídeos de Dynamic Media muestran dos botones de reproducción superpuestos cuando se visualizan en dispositivos móviles.
- Este problema no se produce en navegadores de escritorio, entornos móviles simulados ni entornos de ensayo.
- Los botones de reproducción duplicados se representan con diferentes valores de propiedad de
topen el DOM.
Resolución resolution
Siga estos pasos para eliminar los botones de reproducción duplicados en entornos móviles:
-
Modifique la configuración del ajuste preestablecido del visor para deshabilitar los botones de reproducción de superposición personalizados y que solo aparezca el botón de reproducción nativo del explorador.
- Vaya a Ajustes preestablecidos de visor
>de Assets en AEM. - Edite el ajuste preestablecido de visor correspondiente.
- Deshabilite las opciones relacionadas con los controles de superposición personalizados para dispositivos móviles.
- Vaya a Ajustes preestablecidos de visor
-
Compruebe si el script de inicialización del reproductor de vídeo se ejecuta varias veces, lo que puede crear elementos DOM duplicados.
- Utilice las herramientas para desarrolladores de navegadores para supervisar las llamadas a
s7viewers.VideoViewero funciones similares. - Añada el registro de diagnóstico para rastrear cuándo y con qué frecuencia se activan estos scripts
- Utilice las herramientas para desarrolladores de navegadores para supervisar las llamadas a
-
Asegúrese de que los archivos CSS y JavaScript vinculados al ajuste preestablecido del visualizador sean coherentes en todos los entornos.
- Comparar recursos cargados con las herramientas de red del explorador.
- Compruebe que no hay scripts ni estilos adicionales que modifiquen
.s7iconeffecto clases relacionadas.
-
Si el problema solo afecta a usuarios específicos, borre la caché del explorador o pruebe en modo incógnito/privado.
-
Vuelva a publicar los recursos de vídeo afectados y los ajustes preestablecidos de visor actualizados para reemplazar las versiones en caché.
-
Nota: Este es un paso opcional.
Puede aplicar reglas CSS condicionales para dispositivos móviles para suprimir las superposiciones personalizadas. Utilice:
code language-none @media (max-width: 767px) { .s7playbutton { display: none !important; } } -
Valide los cambios en un entorno inferior antes de implementarlos en la producción.
- Realizar pruebas en dispositivos físicos en lugar de simuladores/emuladores.
- Actualice las páginas varias veces para confirmar un comportamiento coherente.
Lectura relacionada
Vídeo en Dynamic Media en la guía del usuario de AEMaaCS