Correcto
Video
Muestre un video alojado, de YouTube o de Vimeo con diseño adaptable y controles de reproducción.
Use este bloque para añadir un video alojado, de YouTube o de Vimeo con control flexible sobre el diseño, la reproducción, los subtítulos y las superposiciones. Es adecuado para demostraciones de productos, tutoriales, contenido de campaña y narrativas de marca en las que la presentación debe parecer intencional tanto en escritorio como en dispositivos móviles. Para obtener contexto general sobre cómo funcionan los bloques en los temas, consulte la documentación de Shopify sobre secciones y bloques
Ajustes de video
Sección titulada «Ajustes de video»Este bloque admite un archivo de video alojado o una URL de un servicio de video. Para YouTube o Vimeo, use el enlace normal del video en lugar del código de inserción. Si sube un archivo alojado, añadir una imagen de portada da al video un primer fotograma más limpio antes de que comience la reproducción.
Los ajustes de relación de aspecto le ayudan a controlar la forma del video en distintos dispositivos. Default mantiene el medio en sus proporciones naturales, mientras que una relación fija es útil cuando desea una mejor alineación con el contenido circundante o un aspecto coherente en varios bloques de video.
Max width controla el ancho máximo que puede tener el video en el espacio disponible. Un diseño a ancho completo funciona bien para contenido inmersivo, mientras que un ancho más estrecho puede resultar más equilibrado cuando el video está junto a texto u otro contenido.
Los ajustes de reproducción controlan cuán activo se siente el bloque en la página. Autoplay puede crear una experiencia más dinámica, loop funciona bien para clips cortos y repetibles, y mute o player controls afectan a cuánto control tienen los visitantes durante la reproducción.
Si activa autoplay, mantenga el video en mute para una experiencia más fluida. Es más probable que autoplay con sonido resulte molesto y puede que no se comporte de forma coherente en distintos dispositivos.
Ajustes de subtítulos
Sección titulada «Ajustes de subtítulos»Use el subtítulo para añadir contexto encima o debajo del video, como una breve explicación, un detalle del producto o un mensaje de campaña. Funciona mejor cuando complementa el contenido multimedia en lugar de repetir lo que los visitantes ya pueden ver.
La posición del subtítulo le ayuda a decidir si el texto debe presentar el video antes de la reproducción o servir como contexto de seguimiento debajo de él. La alineación y el tamaño del texto deben coincidir con el contenido circundante para que el bloque se perciba integrado y no aislado.
Ajustes de superposición
Sección titulada «Ajustes de superposición»Los ajustes de superposición colocan un color o un degradado sobre el área del video. Esto resulta útil cuando desea una presentación más alineada con la marca, un mayor contraste para los iconos o una apariencia en pausa más intencional.
La opacidad determina cuánto del video permanece visible debajo de la superposición. Una opacidad menor mantiene el contenido multimedia más destacado, mientras que una opacidad mayor crea un tratamiento visual más intenso.
El estilo de superposición controla cuándo se muestra la superposición. Una superposición siempre visible es la mejor opción cuando el video forma parte de un diseño muy estilizado, mientras que mostrarla solo cuando está en pausa mantiene una reproducción más limpia.
Elegir Always show desactiva los controles del reproductor de video, incluso si los controles están habilitados en otra parte del bloque.
Ajustes de alineación
Sección titulada «Ajustes de alineación»Estos ajustes controlan cómo se posiciona el bloque dentro del espacio disponible en escritorio y en dispositivos móviles. Son útiles cuando el video debe alinearse de forma diferente según el tamaño de la pantalla o el diseño circundante.
La alineación independiente para escritorio y móvil puede ayudar a que un bloque se perciba equilibrado en pantallas anchas sin obligarlo a ocupar la misma posición en dispositivos más pequeños.
Ajustes estándar del bloque
Sección titulada «Ajustes estándar del bloque»Ajustes de color
Sección titulada «Ajustes de color»Estos ajustes reemplazan los colores predeterminados del bloque para elementos como bordes, iconos y texto del subtítulo. Úselos cuando el video necesite más contraste o una coincidencia más precisa con una campaña o un área de contenido específica. Para más detalles, consulte la referencia de ajustes de color.
Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Los ajustes de visibilidad le permiten ocultar el bloque en escritorio o en móvil. Esto es útil cuando desea tratamientos multimedia diferentes para tamaños de pantalla distintos, como un video ancho en escritorio y una alternativa más simple en móvil. Para más detalles, consulte la referencia de ajustes de visibilidad.
Ajustes del editor
Sección titulada «Ajustes del editor»Los ajustes del editor solo afectan a cómo se etiqueta el bloque en la barra lateral del editor. Un título personalizado del editor resulta útil cuando tiene varios bloques de video y desea identificarlos rápidamente por su ubicación o finalidad.
Notas de uso
Sección titulada «Notas de uso»- Elija la fuente adecuada. Use un archivo alojado cuando desee un control más preciso de la presentación, o un enlace de YouTube o Vimeo cuando prefiera gestionar el video en ese servicio.
- Adapte la forma al diseño. Use proporciones naturales para incrustaciones sencillas y cambie a relaciones fijas cuando necesite una cuadrícula más uniforme o un diseño adaptable más limpio.
- Use las superposiciones con moderación. Añada solo el color o degradado de superposición suficiente para reforzar la marca o el contraste sin que el video parezca apagado u oculto.
- Mantenga los subtítulos centrados. Un subtítulo breve es más eficaz cuando explica por qué importa el video o señala a los visitantes la idea principal.
- Pruebe en móvil. El video a ancho completo, autoplay y los archivos alojados grandes pueden resultar pesados en pantallas pequeñas, así que compruebe el bloque en móvil antes de publicar.
- Revise ambas vistas. Los controles de escritorio y móvil pueden afectar de forma diferente a la alineación, la visibilidad y el comportamiento del medio, así que confirme ambos diseños antes de finalizar.
- Use las anulaciones con intención. Los valores vacíos o con estilo predeterminado suelen conservar el estilo de reserva circundante, mientras que los colores explícitos, los degradados o las opciones de medios separadas para escritorio y móvil hacen que el bloque se perciba más independiente.
- Compruebe el comportamiento de comercio en contexto. Si el video está vinculado a acciones de producto o carrito, verifique el producto, la variante, la cantidad y la disponibilidad seleccionados para que las acciones configuradas coincidan con el estado de la página.