Deja que el vídeo muestre lo que las palabras no explican.
La mesa se abre, el pestillo se mueve, el producto se utiliza. Hacemos que el vídeo sea más fácil de iniciar y seguir, y que la página resulte útil antes de pulsar reproducir.
Da un motivo para pulsar reproducir.
Imagina una tienda de muebles que vende una mesa extensible. Una fotografía muestra la madera y la forma. Un vídeo útil responde a otra pregunta: ¿cómo se abre la mesa y qué tiene que hacer quien la compra?
Elige una imagen de vista previa que muestre el producto real y explica qué enseña la demostración. Mantén las medidas, el precio y los demás datos de compra en texto. Nadie debería tener que ver un vídeo para saber si la mesa cabe en su casa.
Ilustración: la vista previa presenta la mesa; la demostración muestra cómo se extiende.
Lee la explicación del vídeo
Muestra lo que las palabras no logran explicar. Una imagen muestra la forma. El movimiento muestra la función.
Muestra el cambio. Deja que la acción lo explique. Separa las dos partes de la mesa. Coloca la extensión. Muestra el resultado. La misma mesa. Más espacio.
Acércate al detalle. Un pequeño detalle puede aclararlo todo. El cierre encaja. Dirige la mirada a lo importante.
Da un motivo para verlo. Muestra desde el inicio qué aporta el vídeo. Un resultado claro da sentido a la acción. Así se gana espacio.
Explica también sin sonido. La idea debe verse. Separa las dos partes de la mesa. Coloca la extensión. Bloquea el cierre antes de usarla.
Elige el vídeo cuando ayude a explicar. Muestra el cambio. Muestra el detalle. Deja clara la idea.
Averigua cuándo empieza la espera.
Una página lenta y un vídeo que tarda en arrancar requieren comprobaciones distintas. Prueba ambas cosas en el mismo teléfono y conexión, con el resto de la página visible.
Antes de iniciar la reproducción
Para una demostración opcional, muestra una imagen previa del tamaño adecuado y evita descargar todo el vídeo antes de que alguien quiera verlo. Una vista previa que carga el reproductor al hacer clic también puede aplazar un reproductor externo pesado. Revisa las peticiones de red: las indicaciones de precarga no garantizan lo que descarga el navegador. Consulta la guía de carga de vídeo de web.dev.
Después de iniciar la reproducción
Comprueba la espera hasta la primera imagen en movimiento. Después busca interrupciones, detalles borrosos y controles difíciles de usar. Reduce los datos innecesarios sin perder el movimiento o los detalles del producto que el vídeo debe mostrar. Reserva su espacio para que la reproducción no desplace la información de alrededor.
Muestra el paso que podría pasar desapercibido.
En nuestro ejemplo imaginario, el pestillo está debajo del borde de la mesa. Una toma lejana puede ocultar justo lo que necesita ver el cliente. Pasa a un primer plano, muestra el movimiento con claridad y mantén la toma el tiempo suficiente para seguirlo.
Subtitula las instrucciones habladas con precisión y a tiempo con la acción. Explica también los pasos visuales esenciales: «Desliza el pestillo bajo el borde» aporta más que «Mueve esto». Según el contenido, esa explicación puede tener que oírse además de leerse. Comprueba el uso con teclado, la pausa y los controles de subtítulos. Utiliza la guía de medios accesibles del W3C para decidir qué necesita el vídeo.
Ilustración: el primer plano permite ver el pestillo y su movimiento.
Elige la solución por lo que debe hacer.
¿Conviene alojar el archivo de vídeo por nuestra cuenta?
Un servicio de vídeo puede encargarse de la distribución y ofrecer funciones útiles de reproducción, pero insertarlo puede añadir descargas y scripts. Servir el archivo directamente te permite controlar la presentación y te hace responsable de los archivos adecuados, los subtítulos y los controles. Compara las funciones necesarias y el comportamiento medido de cada opción.
¿Un archivo más pequeño arreglará la página?
Puede ayudar si el problema es un exceso de datos de vídeo. No corrige una vista previa confusa, la falta de subtítulos o un reproductor incómodo. Una imagen previa grande puede retrasar la primera pantalla; un reproductor insertado puede añadir scripts o desplazar el contenido. Identifica la causa antes de cambiar el reproductor o volver a comprimir el archivo.
¿Cómo sabemos si el cambio ha servido?
Repite la misma tarea antes y después del cambio. Compara la carga de la página, la espera tras pulsar reproducir, las interrupciones y los detalles visibles en un móvil. Después pide a alguien que no conozca el producto que explique el paso mostrado. Una reproducción rápida solo sirve si quien la ve entiende lo que sucede.
Ofrece un vídeo que ayude a entender el producto.
Envía la página y el origen del vídeo. Cuéntanos qué debe aprender quien lo ve, dónde aparece la espera o la confusión y en qué dispositivo. Así podremos identificar qué parte necesita mejorar.