Reproductor flotante (picture-in-picture): que sigan viendo el vídeo mientras navegan

El picture in picture es una ventana de vídeo reducida que sigue visible y en reproducción mientras la persona se desplaza por la página o cambia de pestaña. En una página de ventas, un reproductor flotante evita que el visitante pierda el vídeo en cuanto hace scroll para leer el precio, las garantías o las preguntas frecuentes.

Esta guía explica qué es exactamente el picture in picture, por qué puede alargar el tiempo de visualización y mejorar la conversión, cuándo merece la pena, qué reglas de diseño debes respetar en ordenador y en móvil y cómo evitar que el reproductor estorbe tu botón de compra. Si tu vídeo es largo, es probable que sea una de las mejoras más rentables.

¿Qué es el picture in picture y en qué se diferencia de un reproductor fijo?

Se usa el mismo nombre para dos cosas parecidas. La primera es la función del navegador o del sistema operativo, que saca el vídeo a una ventana pequeña flotante que permanece por encima de otras aplicaciones; la admiten la mayoría de navegadores modernos, con pequeñas diferencias entre ellos. La segunda es el reproductor flotante integrado en la propia página, que se ancla a una esquina cuando el visitante baja y se queda visible mientras lee.

Un reproductor fijo, en cambio, ocupa su sitio en la página y se queda allí. Cuando el visitante baja para ver el resto de la oferta, el vídeo desaparece de la pantalla y, con él, la voz que lo estaba convenciendo. Muchos reproductores pausan el vídeo en ese momento, y la persona rara vez vuelve a subir para reanudarlo.

El reproductor flotante resuelve ese problema: el mensaje sigue presente mientras la persona explora el resto de la página, de modo que no tiene que elegir entre mirar y leer.

¿Por qué un reproductor flotante aumenta el tiempo de visualización?

El principal enemigo de un vídeo de ventas es el abandono a mitad de reproducción. Cuando la persona hace scroll y el vídeo deja de verse, la reproducción queda interrumpida o ignorada, y eso se refleja en la analítica de retención del vídeo como una caída brusca en el punto donde empieza el desplazamiento. El reproductor flotante elimina ese tipo de caída, porque el vídeo acompaña a quien baja por la página.

Los efectos esperables son varios y se apoyan unos en otros.

• Más minutos vistos. La persona puede leer los testimonios o la garantía mientras sigue escuchando el argumento principal, en lugar de abandonar el vídeo para hacerlo.

• Menos interrupciones. El vídeo no se detiene al hacer scroll, así que el visitante no necesita volver a localizarlo ni pulsar de nuevo el botón de reproducir.

• Mensaje más coherente. Lo que se ve en pantalla refuerza lo que se escucha: el precio, la oferta y el vídeo conviven en la misma vista.

Como un mayor tiempo de visualización suele ir acompañado de una mayor intención de compra, esa mejora puede trasladarse a la conversión. No es una garantía, porque depende de la calidad del vídeo y de la oferta, pero conviene medirlo con una prueba comparada en lugar de suponerlo.

¿Cuándo funciona un vídeo flotante y cuándo no?

Funciona sobre todo cuando el vídeo es largo y la página tiene contenido relevante debajo. Un VSL de varios minutos exige que la persona dedique tiempo y atención, y la duración del VSL condiciona cuánto se alarga ese riesgo de distracción: cuanto más largo es el vídeo, más probable es que el visitante quiera mirar otra parte de la página mientras lo escucha.

También encaja bien en los cursos online. Una videoclase suele acompañarse de materiales, notas o ejercicios que están en la misma pantalla, y el alumno quiere consultarlos sin perder el hilo de la explicación.

Si alojas tus clases en una plataforma cerrada, el reproductor dentro del área de miembros es el sitio natural para activar esta función, porque el estudiante pasa allí mucho tiempo y alterna entre vídeo y texto.

No resulta tan útil en clips muy cortos de menos de un minuto, en páginas con muy poco contenido debajo del vídeo ni en landings de una sola pantalla. Si no hay nada que leer al hacer scroll, el reproductor flotante solo añade ruido.

¿Cómo se configura un reproductor flotante paso a paso?

El proceso es sencillo si tu reproductor admite la función de forma nativa. Estos pasos sirven para cualquier página de ventas o clase.

1. Elige el vídeo que merece la pena mantener visible: el VSL principal o la clase más larga, no cada clip de la página.

2. Activa la opción de reproductor flotante o picture in picture en los ajustes de tu reproductor.

3. Define cuándo aparece: lo habitual es que el vídeo se desprenda cuando el visitante hace scroll y haya empezado ya la reproducción.

4. Elige la posición, el tamaño y si se podrá arrastrar o cerrar, y comprueba cómo se ve en ordenador y en móvil.

5. Haz una prueba real con tu propia oferta y revisa que el reproductor no tape el botón de compra ni los campos del formulario.

Con Atomic Player puedes configurar el comportamiento de tu reproductor y comprobar después, en la analítica, cuánto tiempo más se queda cada visitante.

¿Qué reglas de diseño debes seguir para no molestar al visitante?

Un reproductor flotante mal resuelto irrita más de lo que ayuda. Estas normas básicas evitan los errores más frecuentes.

• Posición discreta. La esquina inferior derecha es la más habitual, porque deja libre el texto de la mayoría de páginas. Evita las zonas donde suelen aparecer el chat de soporte o el banner de cookies.

• Tamaño moderado. Debe verse con claridad sin ocupar más de una pequeña parte de la pantalla. Permitir que el visitante lo agrande o lo arrastre le da control.

• Botón de cierre visible. Quien no quiera el vídeo debe poder quitarlo con un solo toque. Un reproductor que no se puede cerrar frustra y puede provocar el abandono de la página.

Repasa también cómo se comportan la barra de progreso y los controles en tu versión flotante, porque en un recuadro pequeño los botones se vuelven más difíciles de pulsar.

En el móvil, la pantalla es mucho menor y el vídeo flotante puede cubrir una parte importante del texto. Conviene reducirlo más, anclarlo arriba o abajo según el diseño y asegurarse de que el visitante lo puede cerrar sin esfuerzo.

¿Cómo evitar que el vídeo flotante tape tu llamada a la acción?

Tu botón de compra es el elemento más importante de la página, y el reproductor no debe competir con él. Una buena llamada a la acción necesita estar visible y accesible en el momento en que el visitante decide, y un vídeo encima del botón destruye ese momento.

Estas son las prácticas que mejor funcionan para evitarlo.

• Coloca el reproductor en el lado opuesto. Si el botón principal se encuentra a la derecha, ancla el vídeo a la izquierda, y al contrario.

• Reduce el vídeo al llegar a la oferta. Cuando el visitante llega a la sección del precio, el reproductor puede encogerse o desaparecer para dejar todo el protagonismo al botón.

• Repite la llamada a la acción dentro del reproductor. Un botón integrado en el propio vídeo flotante mantiene la oferta a mano sin que haga falta volver atrás.

¿Qué cambia entre un reproductor fijo y uno flotante?

Ambas opciones muestran el mismo vídeo, pero el comportamiento de la página y la experiencia del visitante cambian bastante.

Aspecto

Reproductor fijo

Reproductor flotante

Al hacer scroll

El vídeo sale de la pantalla y suele pausarse

El vídeo se ancla en una esquina y sigue reproduciéndose

Atención del visitante

Debe elegir entre ver o leer

Puede ver y leer a la vez

Mejor uso

Vídeos cortos y páginas de una sola pantalla

VSL largos, cursos y páginas con mucho contenido

Riesgo

Abandono del vídeo al desplazarse

Tapar la llamada a la acción si se diseña mal

Para un vídeo largo, el reproductor flotante suele ser la opción más inteligente, siempre que cuides su posición, su tamaño y su botón de cierre. Para clips breves, un reproductor fijo bien colocado es suficiente.

Preguntas frecuentes

¿Qué es el picture in picture?

Es una ventana de vídeo reducida que sigue visible y en reproducción mientras la persona navega por otras pestañas, aplicaciones o partes de la página. Existe como función del navegador y como reproductor flotante integrado en la página.

¿Cómo activo el picture in picture en el navegador?

En la mayoría de navegadores se activa desde el menú contextual del propio vídeo o desde un botón del reproductor, aunque el procedimiento exacto varía según el navegador y el dispositivo. Si el reproductor lo desactiva, no aparecerá la opción.

¿El reproductor flotante mejora la conversión de una página de ventas?

Puede hacerlo, sobre todo con vídeos largos, porque el visitante sigue escuchando tu mensaje mientras explora el resto de la página. El efecto depende de la oferta y del diseño, por lo que conviene medirlo con una prueba comparada.

¿Funciona el picture in picture en el móvil?

Sí, en muchos dispositivos y navegadores, pero la pantalla es pequeña. Reduce el tamaño del vídeo, asegúrate de que se pueda cerrar con facilidad y comprueba que no tape tu botón de compra.

¿Cuándo no conviene usar un reproductor flotante?

No conviene en clips de menos de un minuto, en páginas de una sola pantalla o cuando no hay nada que leer debajo del vídeo. En esos casos, un reproductor fijo bien colocado resulta más limpio.

Que tu vídeo no desaparezca cuando el visitante baja

Un vídeo que se queda en pantalla mientras la persona lee es un vídeo que sigue vendiendo. Con la posición adecuada, un botón de cierre visible y una llamada a la acción libre de obstáculos, el reproductor flotante alarga el tiempo de visualización y mejora la experiencia en ordenador y en móvil.

Prueba Atomic Player y mide cuánto más ve tu audiencia con un reproductor que no se pierde al hacer scroll.