Video - Ayuda de Webflow
El elemento de video te permite incrustar un video, alojado en un sitio de terceros como YouTube o Vimeo, en cualquier parte de tu sitio.
Cómo añadir un video
Hay dos maneras de añadir un elemento de video a tu sitio:
- Abre el panel de Añadir y arrastra y suelta un elemento de video en tu lienzo de Webflow
- Presiona Comando + E (en Mac) o Control + E (en Windows) para abrir Búsqueda rápida y busca el elemento de video
Cómo formatear la configuración del video
Una vez que coloques un elemento de video en tu lienzo, tendrás acceso a la Configuración de video donde puedes añadir una URL y título. Para acceder rápidamente a la Configuración de video:
- Haz doble clic en el elemento de video
- Selecciona el elemento de video y ve al panel de Configuración de Elemento (D)
Pega tu URL de video, añade un título si lo deseas, y presiona Enter / Return. La miniatura de tu video aparecerá en el elemento de video.
Fuentes de video compatibles
- YouTube (si deseas más control sobre tu video de YouTube, intenta usar un elemento de video de YouTube)
- Vimeo
- DailyMotion
- KickStarter (solo necesitas pegar la URL principal de la campaña y Webflow tomará el video principal de la campaña)
- TED (soporte multilingüe)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Cómo establecer las dimensiones del video
El elemento de video respeta las dimensiones de su contenedor padre (por ejemplo, si lo colocas en un bloque div, ocupará todo el ancho de ese bloque div). Si deseas establecer un ancho y alto personalizados para tu video, puedes crear un bloque div personalizado. Para hacerlo, arrastra un bloque div desde el panel de Añadir y dale un valor de ancho y un valor de alto. Ahora, si arrastras tu video a este bloque div personalizado, se ajustará a ese tamaño.
Otras formas de añadir videos a tu sitio
También puedes añadir videos a tu sitio utilizando otros elementos, incluyendo:
- Video de YouTube
- Video de fondo
- Lightbox
- Texto enriquecido
- Inserción de código personalizado
Elemento de video de YouTube
El elemento de video de YouTube te permite incrustar un video desde una URL de YouTube. Este elemento te ofrece todas las opciones de visualización que ofrece la función de incrustación de YouTube, incluyendo la capacidad de mostrar videos relacionados de un canal, establecer un tiempo de inicio específico, mostrar u ocultar controles de video, y más. Aprende más sobre el elemento de video de YouTube.
Elemento de video de fondo
El elemento de video de fondo te permite añadir fondos en movimiento sin audio. A diferencia del elemento de video que solo admite enlaces de YouTube y Vimeo, el elemento de video de fondo puede aceptar cualquier archivo de video que subas. Los elementos de video de fondo también vienen con un interruptor de reproducción/pausa incorporado para que los visitantes del sitio puedan reproducir o pausar el video de fondo como deseen. Aprende más sobre el elemento de video de fondo.
Elemento Lightbox
El elemento lightbox permite a los visitantes del sitio abrir un video en un modal emergente. Similar al elemento de video, el lightbox admite enlaces de YouTube y Vimeo. Aprende más sobre el elemento lightbox.
Elemento de texto enriquecido y campo de texto enriquecido
El elemento de texto enriquecido también te permite agregar videos. Esto es aún más poderoso cuando lo usas para extraer datos de un campo de texto enriquecido en una Colección CMS. Alternativamente, también puedes usar un elemento de video para extraer dinámicamente datos del campo de video de una Colección. Aprende más sobre los campos de video de Colección.
Cómo incrustar videos usando código personalizado
También puedes agregar videos HTML usando el elemento de incrustación:
- Ve al panel de Añadir
- Arrastra un elemento de incrustación al lienzo
- Pega tu código de video (Aprende más sobre elementos de video en HTML)
- Haz clic en Guardar y cerrar