→
↗
►
↓
←
↑
Todas las actualizaciones

Enhancement

Diseño y maquetación

Personaliza de forma nativa los vídeos de fondo con un botón de pausa/reproducción

Ahora los diseñadores pueden incluir un botón de reproducción/pausa en el elemento de vídeo de fondo, con opciones para repetir o reproducir automáticamente.

Personaliza de forma nativa los vídeos de fondo con un botón de pausa/reproducción

Nos hace mucha ilusión presentar nuestra última actualización de accesibilidad: la posibilidad de incluir de forma nativa un botón de reproducción/pausa en el elemento de vídeo de fondo.

Los vídeos (y sonidos) que se reproducen automáticamente en sitios web sin una forma clara de pausarlos pueden ser un obstáculo para los visitantes con trastornos vestibulares. Al resultar desorientadora o incluso incapacitante, esta es una de las 10 razones principales por las que los usuarios abandonan una página sin completar sus tareas.

Aunque muchos de estos visitantes configuran la opción de reducir movimiento en su sistema operativo (SO), depende del sitio web detectar y respetar esa preferencia. Por desgracia, los diseñadores tienen que recurrir a código personalizado en Webflow para ofrecer controles de vídeo, como pausar automáticamente los vídeos si el usuario ha activado la reducción de movimiento.

Con esta actualización, los diseñadores podrán personalizar de forma nativa el botón de estado de reproducción/pausa, además de elegir si el vídeo se repite o se reproduce automáticamente. Asimismo, el vídeo de fondo se pausará solo si detecta que el visitante tiene activada la preferencia de "reducir movimiento" en su SO.

Dar a los visitantes el control directo sobre los vídeos no solo reducirá la tasa de rebote, sino que hará que tus sitios sean más accesibles al respetar sus preferencias de movimiento.

Tenemos muchas ganas de ver cómo aprovechas esta función, ¡así que no dudes en contárnoslo en @Webflow!

 
        
         
 

Lanzado el
May 31, 2022
Categoría
Diseño y maquetación

Actualizaciones relacionadas

Sincroniza varias colecciones y modos de variables de Figma a Webflow

Sincroniza varias colecciones y modos de variables de Figma a Webflow

→
↗
►
↓
←
↑
Más información
Recorta el contenido largo con desbordamiento de texto

Recorta el contenido largo con desbordamiento de texto

→
↗
►
↓
←
↑
Más información
Estilos de decoración de texto

Estilos de decoración de texto

→
↗
►
↓
←
↑
Más información
Nuevos tipos de variables: Número y Porcentaje

Nuevos tipos de variables: Número y Porcentaje

→
↗
►
↓
←
↑
Más información
Ya están disponibles las variantes de estilo para componentes

Ya están disponibles las variantes de estilo para componentes

→
↗
►
↓
←
↑
Más información
Gestiona variables a gran escala con acciones en lote y reordenación.

Gestiona variables a gran escala con acciones en lote y reordenación.

→
↗
►
↓
←
↑
Más información

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.