Intégrer des vidéos immobilières dans WordPress (YouTube, Vimeo, MP4)

Les vidéos de biens immobiliers comptent parmi les médias les plus efficaces sur un site immobilier : elles donnent aux prospects une impression réaliste et augmentent la durée de visite. WP-ImmoMakler affiche automatiquement les vidéos dans une section dédiée « Vidéos » de la vue détaillée des biens immobiliers de votre site WordPress dès qu’elles sont associées à un bien. Aucune configuration manuelle n’est nécessaire.

Comment les vidéos arrivent à vos biens immobiliers

Les vidéos sont reprises automatiquement depuis votre logiciel immobilier lors de l’importation :

Liens vidéo : liens vers des vidéos YouTube ou Vimeo transmis comme pièce jointe OpenImmo (p. ex. groupe de pièces jointes FILMLINK). WP-ImmoMakler reconnaît également les URL YouTube et Vimeo lorsqu’elles sont transmises comme lien ordinaire – ces liens apparaissent dans la section vidéos au lieu de la liste de liens.
Fichiers vidéo : les fichiers vidéo livrés comme pièce jointe OpenImmo sont importés dans la médiathèque WordPress et associés au bien immobilier.

Formats pris en charge

Liens YouTube – toutes les formes d’URL courantes, y compris les liens courts (youtu.be) et YouTube Shorts
Liens Vimeo – y compris les URL personnalisées comme vimeo.com/votrenom/videobien
Fichiers vidéo : mp4, m4v, webm, ogv, wmv, flv

Les fichiers vidéo dans d’autres formats ne sont pas lus, mais proposés comme lien de téléchargement dans la section vidéos.

Les vidéos sont affichées sous forme de vignette avec un bouton de lecture. La vidéo n’est lue en plein format dans une lightbox qu’après un clic. Cela accélère l’affichage de la page, car aucun lecteur vidéo n’est intégré pendant le chargement.

Les vignettes sont mises en cache côté serveur et servies depuis votre propre site web. Si aucune vignette ne peut être déterminée, WP-ImmoMakler affiche une tuile neutre avec un bouton de lecture.

Vignettes pour les fichiers vidéo téléversés

YouTube et Vimeo fournissent une vignette pour chaque vidéo. Les fichiers vidéo de votre logiciel immobilier (p. ex. MP4) n’en fournissent aucune – WP-ImmoMakler en génère donc automatiquement une à partir de la vidéo elle-même. L’extrait d’image utilisé se situe peu après le début, afin qu’un effet de fondu ou un carton de titre n’apparaisse pas comme vignette.

L’endroit où l’image est générée dépend de votre serveur :

Si le programme ffmpeg est installé sur votre serveur, WP-ImmoMakler génère la vignette directement à cet endroit. Elle est alors disponible peu après le premier affichage de la page.
Sinon, elle est générée dans le navigateur des visiteurs du site puis enregistrée sur votre serveur. Dans ce cas, il peut falloir plusieurs visites avant que la vignette n’apparaisse : pour empêcher que quiconque ne substitue une image quelconque, elle n’est acceptée que lorsque deux visiteurs indépendants l’un de l’autre fournissent la même image.

Dans les deux cas, la vignette finale est mise en cache sur votre serveur et servie depuis votre propre site web ; aucune donnée n’est alors transmise à des tiers. Tant qu’aucune vignette n’est disponible, la tuile affiche le placeholder neutre.

Vitesse de chargement, Core Web Vitals et SEO

L’affichage sous forme de vignette améliore non seulement la protection des données, mais aussi le référencement de votre site immobilier. La vitesse de chargement est un facteur de classement Google via les Core Web Vitals – les pages détaillées de biens immobiliers, riches en images, bénéficient particulièrement du fait qu’aucun lecteur vidéo ne participe plus à l’affichage de la page :

Aucun lecteur intégré lors de l’affichage de la page : les intégrations YouTube et Vimeo chargent des quantités importantes de JavaScript depuis des serveurs tiers. Avec la lightbox, cela ne se produit que lorsque les visiteurs démarrent réellement une vidéo.
Formats d’image modernes dans la bonne taille : WP-ImmoMakler fournit les vignettes en AVIF ou WebP – plus légères que le JPEG à qualité égale. Elles sont en outre générées en plusieurs tailles et diffusées de manière responsive (via srcset), de sorte que les appareils mobiles chargent une variante de taille adaptée au lieu de la vignette en pleine résolution.
Aucun décalage de mise en page : les tuiles vidéo réservent leurs dimensions dès le chargement, évitant ainsi les décalages de mise en page (Cumulative Layout Shift).
Moins de requêtes tierces : avant le consentement, le navigateur n’établit aucune connexion vers YouTube ou Vimeo.

RGPD : demande de consentement pour YouTube et Vimeo

Pour les vidéos YouTube et Vimeo, WP-ImmoMakler recueille le consentement des visiteurs du site avant la lecture. Sur la vignette apparaît un avertissement avec un lien vers la politique de confidentialité du fournisseur concerné et un bouton « Lire la vidéo ». La vidéo n’est chargée et lue qu’après un clic sur ce bouton.

Comme pour la boîte de consentement Google Maps, le consentement est enregistré par service (YouTube ou Vimeo) dans le Local Storage du navigateur (de manière similaire à un cookie) et s’applique à toutes les autres vidéos du même service sur votre site.
Avant le consentement, le navigateur des visiteurs ne transmet aucune donnée à YouTube ni à Vimeo. Les vignettes proviennent également de votre propre site web, et non des serveurs des fournisseurs de vidéos.
Après le consentement, les vidéos YouTube sont lues dans le mode youtube-nocookie, respectueux de la vie privée.

Vous trouverez plus d’informations sur l’intégration de services externes conforme au RGPD sous Consentement aux cookies conforme au RGPD.

Désactiver la demande de consentement

Si vous préférez bloquer YouTube et Vimeo avec un plugin de consentement tiers (p. ex. Borlabs Cookie ou Real Cookie Banner), vous pouvez désactiver la fonction lightbox et consentement dans le backend de votre site (wp-admin) sous WP-ImmoMakler → Paramètres → Affichage. Les vidéos sont alors intégrées directement dans la page, comme dans les versions précédentes.

Placer les vidéos avec les page builders

Dans vos propres mises en page, placez la section vidéos avec le widget ou l’élément « Vidéos » que WP-ImmoMakler fournit pour Elementor, Divi, Bricks et WPBakery. Le shortcode [immomakler-template-single-videos] est également disponible dans tous les templates de page builders – voir Shortcodes.

Lecteur Vimeo aux couleurs de votre site

Si vous avez activé la personnalisation des couleurs dans le Customizer WordPress sous WP-ImmoMakler → Couleurs, le lecteur Vimeo adopte automatiquement la couleur de lien configurée pour ses commandes.

Vidéos dans l’exposé PDF PLUS

L’exposé PDF comprend automatiquement, après les photos du bien et les plans d’étage, une section avec les vidéos du bien. Chaque entrée affiche la vignette de la vidéo ainsi qu’un QR code – tous deux renvoient directement vers la vidéo. Quiconque lit l’exposé imprimé n’a qu’à scanner le QR code avec son smartphone ; dans le PDF numérique, un clic sur la vignette suffit.

Icône vidéo dans la vue en liste

Il est possible d’afficher en option une icône vidéo sur la vignette dans la vue en liste, signalant aux visiteurs d’un coup d’œil quels biens disposent d’une vidéo — de manière similaire à l’icône des visites virtuelles. Contactez le support WP-ImmoMakler pour cette extension.

Avec le filtre immomakler_video_links, vous pouvez ajouter ou modifier les liens vidéo d’un bien immobilier par code ; avec immomakler_video_lightbox_options, vous pouvez ajuster les options de la lightbox (lightGallery) de tuiles vidéo individuelles.

// Minimal : ajouter une vidéo de présentation à tous les biens immobiliers.
add_filter( 'immomakler_video_links', function ( array $links ): array {
    $links[] = 'https://www.youtube.com/watch?v=VotreVideoDePresentation';
    return $links;
});

// Avancé : ajouter une vidéo pour un bien immobilier précis uniquement.
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 );

Pour les vignettes des fichiers vidéo téléversés, deux filtres supplémentaires sont disponibles : immomakler_video_poster_browser_capture détermine si les vignettes peuvent être générées dans le navigateur des visiteurs, immomakler_ffmpeg_binary le chemin vers le programme ffmpeg.

// Ne pas générer de vignettes dans le navigateur des visiteurs.
// Seules les vignettes issues de ffmpeg ou les images mises en avant
// attribuées manuellement seront alors utilisées.
add_filter( 'immomakler_video_poster_browser_capture', '__return_false' );

// ffmpeg se trouve à un emplacement qui n'est pas dans le chemin système.
add_filter( 'immomakler_ffmpeg_binary', function (): string {
    return '/opt/bin/ffmpeg';
});

Questions fréquentes

Comment intégrer une vidéo YouTube conforme au RGPD dans WordPress ?

WP-ImmoMakler affiche d’abord uniquement une vignette stockée localement et recueille le consentement des visiteurs avant la lecture. Ce n’est qu’ensuite que la vidéo se charge – en mode youtube-nocookie, respectueux de la vie privée. Avant le consentement, aucune donnée n’est transmise à YouTube ou à Vimeo.

Dois-je ajouter les vidéos manuellement à mes biens immobiliers ?

Non. Les liens vidéo et les fichiers vidéo sont repris automatiquement depuis votre logiciel immobilier lors de l’importation (p. ex. comme pièce jointe OpenImmo) et apparaissent dans la section vidéos de la vue détaillée. Des vidéos supplémentaires peuvent être ajoutées par code via le filtre immomakler_video_links.

Quels formats vidéo et plateformes sont pris en charge ?

YouTube (y compris Shorts et liens courts), Vimeo (y compris les URL personnalisées) ainsi que les fichiers vidéo aux formats mp4, m4v, webm, ogv, wmv et flv. Les autres formats de fichier sont proposés comme lien de téléchargement.

Pourquoi mon fichier vidéo téléversé n’affiche-t-il pas encore de vignette ?

Pour les fichiers vidéo, WP-ImmoMakler génère la vignette à partir de la vidéo elle-même. Si ffmpeg est installé sur votre serveur, cela se produit peu après le premier affichage de la page. Sinon, l’image est générée dans le navigateur des visiteurs, et elle n’est acceptée que lorsque deux visiteurs indépendants l’un de l’autre ont fourni la même image – sur un bien immobilier fraîchement importé, cela peut donc prendre un certain temps. Si vous ne souhaitez pas attendre, attribuez une image mise en avant au fichier vidéo dans la médiathèque ; celle-ci apparaît immédiatement et est toujours prioritaire.

Les vidéos intégrées ralentissent-elles mon site immobilier ?

Pas avec l’affichage en lightbox : seule une vignette optimisée provenant de votre propre site web se charge lors de l’affichage de la page. Le lecteur vidéo et son JavaScript ne se chargent que lorsque les visiteurs démarrent réellement la vidéo.