Vídeo en Shopify con Liquid: autoplay, sin sonido y en bucle

Para que un vídeo de Shopify arranque solo, sin sonido y en bucle, el HTML necesita cuatro

Los cuatro atributos que necesita un vídeo para reproducirse solo en cualquier navegador son autoplay, muted, loop y playsinline; sin muted y playsinline, Safari e iOS lo bloquean.

El filtro video_tag de Liquid es la vía rápida; la etiqueta video escrita a mano con media.sources te da control total sobre atributos, poster y preload.

El archivo debe ser MP4 con códec H.264; un HEVC grabado con iPhone puede fallar en otro iPhone aunque Shopify lo acepte.

Si el vídeo va a ir en varias páginas, con productos etiquetados o en formato vertical, un bloque de app te ahorra mantener el Liquid en cada actualización del tema.

¿Cómo hago que un vídeo se reproduzca automáticamente en Shopify?

El elemento de vídeo debe llevar autoplay, muted, loop y playsinline, y el archivo debe ser MP4 H.264.

Vídeo en Shopify con Liquid: autoplay, sin sonido y en bucle

The full guide has the formats, the deadlines and the worked examples.

Read the full guide