Incorporar vídeos de inmuebles en WordPress (YouTube, Vimeo, MP4)

Los vídeos de inmuebles son uno de los medios más eficaces en una web inmobiliaria: transmiten a los interesados una impresión realista y aumentan el tiempo de permanencia. WP-ImmoMakler muestra los vídeos automáticamente en una sección propia “Vídeos” de la vista de detalle de inmuebles de su sitio web WordPress en cuanto están asociados a un inmueble. No es necesaria ninguna configuración manual.

Cómo llegan los vídeos a sus inmuebles

Los vídeos se transfieren automáticamente desde su software inmobiliario durante la importación:

Enlaces de vídeo: enlaces a vídeos de YouTube o Vimeo que se transfieren como adjunto OpenImmo (p. ej., grupo de adjuntos FILMLINK). WP-ImmoMakler también reconoce las URL de YouTube y Vimeo cuando se transfieren como un enlace normal: dichos enlaces aparecen en la sección de vídeos en lugar de en la lista de enlaces.
Archivos de vídeo: los archivos de vídeo entregados como adjunto OpenImmo se importan a la biblioteca de medios de WordPress y se asignan al inmueble.

Formatos compatibles

Enlaces de YouTube – todas las formas de URL habituales, incluidos los enlaces cortos (youtu.be) y YouTube Shorts
Enlaces de Vimeo – incluidas las URL personalizadas como vimeo.com/sunombre/videoinmueble
Archivos de vídeo: mp4, m4v, webm, ogv, wmv, flv

Los archivos de vídeo en otros formatos no se reproducen, sino que se ofrecen como enlace de descarga en la sección de vídeos.

Los vídeos se muestran como imagen de vista previa con botón de reproducción. El vídeo solo se reproduce en un lightbox a tamaño completo tras un clic. Esto acelera la carga de la página, ya que no se integran reproductores de vídeo durante la carga.

Las imágenes de vista previa se almacenan en caché en el servidor y se sirven desde su propia web. Si no se puede determinar ninguna imagen de vista previa, WP-ImmoMakler muestra una tarjeta de marcador de posición neutra con botón de reproducción.

Imágenes de vista previa para archivos de vídeo subidos

YouTube y Vimeo proporcionan una imagen de vista previa para cada vídeo. Los archivos de vídeo de su software inmobiliario (p. ej., MP4) no incluyen ninguna, por lo que WP-ImmoMakler genera automáticamente una a partir del propio vídeo. Como recorte de imagen se utiliza un punto poco después del inicio, para que no aparezca como vista previa un efecto de aparición o una cartela de título.

Dónde se genera la imagen depende de su servidor:

Si el programa ffmpeg está instalado en su servidor, WP-ImmoMakler genera la imagen de vista previa directamente ahí. Estará disponible poco después de la primera visita a la página.
De lo contrario, se genera en el navegador de los visitantes de la web y después se guarda en su servidor. En este caso puede tardar varias visitas hasta que aparezca la imagen de vista previa: para que nadie pueda introducir una imagen cualquiera, esta solo se acepta cuando dos visitantes independientes entre sí entregan la misma imagen.

En ambos casos, la imagen de vista previa terminada se almacena en caché en su servidor y se sirve desde su propia web; no se transfieren datos a terceros. Hasta que exista una imagen de vista previa, la tarjeta muestra el marcador de posición neutro.

Velocidad de carga, Core Web Vitals y SEO

La visualización con imagen de vista previa no solo mejora la protección de datos, sino también el posicionamiento en buscadores de su web inmobiliaria. La velocidad de carga es un factor de posicionamiento en Google a través de Core Web Vitals; las páginas de detalle de inmuebles, cargadas de imágenes, se benefician especialmente de que ya no participen reproductores de vídeo en la carga de la página:

Sin reproductores integrados durante la carga de la página: los embeds de YouTube y Vimeo cargan cantidades considerables de JavaScript de servidores externos. Con el lightbox, esto solo ocurre cuando los visitantes inician realmente un vídeo.
Formatos de imagen modernos en el tamaño adecuado: WP-ImmoMakler entrega las imágenes de vista previa en AVIF o WebP, más pequeñas que JPEG con la misma calidad. Además, se generan en varios tamaños y se distribuyen de forma responsiva (con srcset), de modo que los dispositivos móviles cargan una variante de tamaño adecuado en lugar de la imagen de vista previa en resolución completa.
Sin saltos de diseño: las tarjetas de vídeo reservan sus dimensiones ya durante la carga, evitando así saltos de diseño (Cumulative Layout Shift).
Menos solicitudes externas: antes de dar su consentimiento, el navegador no establece conexiones con YouTube ni Vimeo.

RGPD: solicitud de consentimiento para YouTube y Vimeo

En los vídeos de YouTube y Vimeo, WP-ImmoMakler solicita el consentimiento de los visitantes de la web antes de la reproducción. Sobre la imagen de vista previa aparece un aviso con un enlace a la política de privacidad del proveedor correspondiente y un botón “Reproducir vídeo”. El vídeo solo se carga y se reproduce tras hacer clic en este botón.

Al igual que en la caja de consentimiento de Google Maps, el consentimiento se guarda por servicio (YouTube o Vimeo) en el Local Storage del navegador (de forma similar a una cookie) y se aplica a todos los demás vídeos del mismo servicio en su web. Si en su web hay activo un plugin de consentimiento, a partir de la versión 5.69.0 es ese plugin el que se encarga de la solicitud; consulte Integración con plugins de consentimiento.
Antes del consentimiento, el navegador de los visitantes no transfiere ningún dato a YouTube ni a Vimeo. Las imágenes de vista previa también proceden de su propia web, no de los servidores de los proveedores de vídeo.
Tras el consentimiento, los vídeos de YouTube se reproducen en el modo youtube-nocookie, respetuoso con la privacidad.

Encontrará más información sobre la integración de servicios externos conforme al RGPD en Consentimiento de cookies conforme al RGPD.

Desactivar la solicitud de consentimiento

Si prefiere bloquear YouTube y Vimeo con un plugin de consentimiento de terceros (p. ej., Borlabs Cookie o Real Cookie Banner), puede desactivar la función de lightbox y consentimiento en el backend de su web (wp-admin) en WP-ImmoMakler → Ajustes → Presentación. Los vídeos se integran entonces directamente en la página, como en versiones anteriores.

Colocar vídeos con page builders

En diseños propios, coloque la sección de vídeos con el widget o elemento “Vídeos” que WP-ImmoMakler proporciona para Elementor, Divi, Bricks y WPBakery. Como alternativa, el shortcode [immomakler-template-single-videos] está disponible en todas las plantillas de page builders; consulte Shortcodes.

Reproductor de Vimeo en los colores de su web

Si ha activado la personalización de colores en el Customizer de WordPress en WP-ImmoMakler → Colores, el reproductor de Vimeo adopta automáticamente el color de enlace configurado para sus controles.

Vídeos en el exposé en PDF PLUS

El exposé en PDF incluye automáticamente, después de las fotos del inmueble y los planos, una sección con los vídeos del inmueble. Cada entrada muestra la imagen de vista previa del vídeo junto con un código QR – ambos enlazan directamente al vídeo. Quien lea el exposé impreso solo tiene que escanear el código QR con el smartphone; en el PDF digital basta con hacer clic en la imagen de vista previa.

Icono de vídeo en la vista de lista

Opcionalmente, se puede mostrar un icono de vídeo en la imagen de vista previa de la vista de lista, que indica a los visitantes de un vistazo qué inmuebles disponen de un vídeo, de forma similar al icono de los tours virtuales. Póngase en contacto con el soporte de WP-ImmoMakler para esta ampliación.

Con el filtro immomakler_video_links puede añadir o modificar los enlaces de vídeo de un inmueble mediante código; con immomakler_video_lightbox_options puede ajustar las opciones del lightbox (lightGallery) de tarjetas de vídeo individuales.

// Mínimo: añadir un vídeo corporativo a todos los inmuebles.
add_filter( 'immomakler_video_links', function ( array $links ): array {
    $links[] = 'https://www.youtube.com/watch?v=SuVideoCorporativo';
    return $links;
});

// Avanzado: añadir un vídeo solo para un inmueble concreto.
add_filter( 'immomakler_video_links', function ( array $links, int $post_id ): array {
    if ( get_post_meta( $post_id, 'objektnr_extern', true ) === 'OBJ-1234' ) {
        $links[] = 'https://vimeo.com/123456789';
    }
    return $links;
}, 10, 2 );

Para las imágenes de vista previa de los archivos de vídeo subidos existen dos filtros adicionales: immomakler_video_poster_browser_capture determina si se pueden generar imágenes de vista previa en el navegador de los visitantes, immomakler_ffmpeg_binary la ruta al programa ffmpeg.

// No generar imágenes de vista previa en el navegador de los visitantes.
// A partir de entonces solo se usarán imágenes de vista previa de ffmpeg
// o imágenes destacadas asignadas manualmente.
add_filter( 'immomakler_video_poster_browser_capture', '__return_false' );

// ffmpeg se encuentra en una ubicación que no está en la ruta del sistema.
add_filter( 'immomakler_ffmpeg_binary', function (): string {
    return '/opt/bin/ffmpeg';
});

Preguntas frecuentes

¿Cómo incorporo un vídeo de YouTube conforme al RGPD en WordPress?

WP-ImmoMakler muestra primero solo una imagen de vista previa almacenada localmente y solicita el consentimiento de los visitantes antes de la reproducción. Solo entonces se carga el vídeo, en el modo youtube-nocookie, respetuoso con la privacidad. Antes del consentimiento no se transfiere ningún dato a YouTube ni a Vimeo.

¿Tengo que añadir los vídeos manualmente a mis inmuebles?

No. Los enlaces de vídeo y los archivos de vídeo se transfieren automáticamente desde su software inmobiliario durante la importación (p. ej. como adjunto OpenImmo) y aparecen en la sección de vídeos de la vista de detalle. Mediante código se pueden añadir vídeos adicionales con el filtro immomakler_video_links.

¿Qué formatos de vídeo y plataformas son compatibles?

YouTube (incluidos Shorts y enlaces cortos), Vimeo (incluidas las URL personalizadas) y archivos de vídeo en los formatos mp4, m4v, webm, ogv, wmv y flv. Otros formatos de archivo se ofrecen como enlace de descarga.

¿Por qué mi archivo de vídeo subido todavía no muestra una imagen de vista previa?

En los archivos de vídeo, WP-ImmoMakler genera la imagen de vista previa a partir del propio vídeo. Si ffmpeg está instalado en su servidor, esto ocurre poco después de la primera visita a la página. De lo contrario, la imagen se genera en el navegador de los visitantes, y solo se acepta cuando dos visitantes independientes entre sí han entregado la misma imagen; por lo tanto, en un inmueble recién importado esto puede tardar un poco. Si no desea esperar, asigne una imagen destacada al archivo de vídeo en la biblioteca de medios; esta aparece de inmediato y siempre tiene prioridad.

¿Los vídeos integrados ralentizan mi web inmobiliaria?

Con la visualización en lightbox, no: durante la carga de la página solo se carga una imagen de vista previa optimizada de su propia web. El reproductor de vídeo con su JavaScript solo se carga cuando los visitantes inician realmente el vídeo.