Correcto
Ajustes de video
Controle la fuente, el diseño y los ajustes de reproducción de su video en un solo lugar.
Use estos ajustes para controlar cómo aparece y se reproduce el video en el tema. Puede elegir la fuente, establecer el marco visible, limitar el ancho de visualización y decidir cuánto control de reproducción tienen los clientes. Para una visión general más amplia de dónde aparecen estos controles, consulte documentación de Shopify sobre el editor de temas
Fuente de video
Sección titulada «Fuente de video»Puede usar un archivo de video alojado o un enlace de Vimeo o YouTube. Esto hace que el grupo sea flexible tanto para cargas directas como para videos ya publicados en un servicio compatible. Si su video forma parte de una sección, documentación de Shopify sobre secciones y bloques explica cómo se organizan los ajustes de la sección.
Si usa una URL de un servicio, introduzca el enlace de la página del video en lugar del código de inserción. En el editor, es posible que los cambios de video no aparezcan de inmediato hasta que guarde.
Para archivos alojados, optimice el tamaño y el bitrate antes de cargarlos para mantener una reproducción fluida, especialmente en móvil. Consulte Using video.
Elija una sola fuente prevista para cada área de video y confirme que se muestra correctamente después de guardar. Esto ayuda a evitar confusiones durante la configuración al probar distintos tipos de video.
Imagen póster
Sección titulada «Imagen póster»Una imagen póster actúa como vista previa antes de que comience la reproducción. Es especialmente útil para video alojado, donde un buen fotograma de vista previa puede hacer que el video se vea más pulido e intencional.
Elija una imagen con un encuadre que coincida de cerca con el video. Si el recorte es muy diferente, el cambio a la reproducción puede sentirse brusco.
Relación de aspecto y diseño móvil
Sección titulada «Relación de aspecto y diseño móvil»La relación de aspecto controla la forma del marco del video. Esto afecta cuánto espacio usa el video y con qué consistencia se alinea con el contenido circundante.
Use la relación principal para pantallas más grandes y luego establezca una relación móvil separada solo si las pantallas pequeñas necesitan una presentación diferente. Si móvil se deja en Default, seguirá la relación principal.
El tamaño natural funciona bien cuando las dimensiones originales del video ya encajan con su diseño. Las relaciones predefinidas son mejores cuando desea un aspecto coherente en varios videos o quiere que el video se alinee limpiamente con imágenes y texto cercanos.
Use el ajuste de ancho máximo para mantener un video contenido dentro de un diseño más estrecho. Esto es útil cuando el video debe alinearse con el contenido de texto en lugar de extenderse por todo el espacio disponible.
Un ancho de 0 permite que el video se expanda hasta el ancho completo disponible. Eso puede crear un mayor impacto visual, pero un video de menor resolución puede verse más suave en pantallas grandes.
Comportamiento de reproducción
Sección titulada «Comportamiento de reproducción»La reproducción automática inicia el video cuando entra en la vista y lo pausa después de salir de la vista. Esto funciona mejor para clips cortos y visuales que complementan el contenido cercano sin exigir demasiada atención.
El bucle es útil para movimiento ambiental, clips de detalles del producto y demostraciones cortas repetidas. Para videos más largos o videos con un inicio y un final claros, el bucle puede resultar distractor.
La reproducción en silencio suele ser la opción más segura cuando la reproducción automática está activada. Mantiene la experiencia menos disruptiva y evita audio inesperado.
Controles del reproductor
Sección titulada «Controles del reproductor»Los controles del reproductor permiten a los clientes reproducir, pausar y navegar por el video directamente. Dejar los controles visibles suele ser la mejor opción cuando el video explica un producto, muestra un proceso o incluye detalles que los espectadores pueden querer volver a reproducir.
Ocultar los controles crea una presentación más limpia, pero es más adecuado para clips decorativos breves en los que la interacción directa importa menos.
Notas de uso
Sección titulada «Notas de uso»- Revise ambos tamaños de viewport. Los ajustes de escritorio y móvil pueden producir distintos comportamientos de diseño, alineación, visibilidad o de medios, así que compruebe ambas vistas después de hacer cambios.
- Confirme que el video sigue viéndose equilibrado junto al contenido cercano en pantallas grandes.
- Revise móvil por separado para detectar cambios de recorte, espacios más ajustados o controles que se vean demasiado pequeños o demasiado prominentes.
- Trate los valores en blanco o predeterminados como valores de respaldo. Dejar un ajuste en blanco, transparente o con su valor de estilo predeterminado suele conservar el estilo circundante.
- Use colores, degradados o reemplazos de medios explícitos solo cuando quiera que el área de video destaque más por sí sola.
- Espere que esas opciones más intensas tengan un mayor impacto visual en el área local.
- Compruebe las opciones de medios para la legibilidad. Las distintas selecciones de medios pueden cambiar el recorte, la carga, el valor de respaldo y el contraste del texto alrededor del video.
- Tenga especial cuidado cuando los medios de escritorio y móvil se configuren por separado.
- Asegúrese de que el fotograma de vista previa siga complementando el texto y los botones cercanos.
- Elija los controles de reproducción según el contenido. Use los controles del reproductor cuando los espectadores puedan necesitar volver a reproducir, pausar o inspeccionar detalles.
- Mantenga los controles disponibles para video centrado en productos o explicativo.
- Oculte los controles solo cuando el clip sea corto y decorativo.