¿Cómo incrustar un reproductor de video en Bubble.io?

Incorporar un reproductor de video en Bubble.io te permite incorporar contenido de video de plataformas como YouTube, Vimeo y Ziggeo directamente en tu aplicación. Aquí te explicamos cómo puedes hacerlo paso a paso.

Paso 1: Inicia sesión en tu cuenta de Bubble.io y navega hasta el editor de tu aplicación.

Paso 2: Decide dónde te gustaría que aparezca el reproductor de video en tu página y luego haz clic en la ubicación para seleccionarla.

Paso 3: Ve al menú de elementos visuales en el lado izquierdo de la pantalla y selecciona el elemento "Video" para agregar un reproductor de video a la página.

Paso 4: Una vez que hayas agregado el elemento Video a la página, deberías ver opciones para configurar este reproductor de video en el editor de propiedades a la izquierda.

Paso 5: Necesitarás proporcionar una fuente de video para tu reproductor. Si estás incorporando un video de YouTube o Vimeo, necesitarás configurar la propiedad "Fuente de video" en consecuencia y proporcionar un enlace al video o el ID del video.

Paso 6: Si estás usando Ziggeo y tienes el plugin instalado, selecciona "Ziggeo" de las opciones de fuente de video para mostrar los videos grabados por tus usuarios. También necesitarás configurar el "ID de video" con el video específico que deseas mostrar, que puede ser una expresión dinámica basada en la lógica de tu aplicación.

Consejo: Ten en cuenta que el motor de Bubble no monitorea el estado de reproducción/pausa de un video incrustado. Una vez iniciado, el video continuará reproduciéndose a menos que se detenga manualmente. Sin embargo, puedes usar estados condicionales para controlar la reproducción. Por ejemplo, para detener el video cuando su contenedor está oculto, considera usar un flujo de trabajo para cambiar el ID del video a nulo, obligando al video a detenerse.

Siguiendo estos pasos, deberías poder incorporar y controlar con éxito un reproductor de video en tu aplicación Bubble.io. ¡Disfruta enriqueciendo tu aplicación con contenido multimedia!