Comment ajouter une vidéo de drone à votre site Internet

Ce tutoriel est dédié à mes clients (agence immobilières en particulier) qui me demandent comment ajouter une vidéo de drone à un site internet.

La question n’est pas anodine car un fichier vidéo peut considérablement ralentir le chargement d’une page web. Exemple : près avoir effectué des prises de vues aériennes en immobilier pour un client, je me charge d’effectuer le montage et la compression adéquate avant de livrer le fichier final, généralement déposé sur un Cloud.

Il faut aussi s’assurer que l’internaute qui visite votre site web dispose de l’outil capable de décoder et de lire cette vidéo ajoutée sur une page.

Attention : il ne suffit pas de filmer quelques minutes puis d’exporter le fichier vidéo pour que tout soit terminé : pour être de qualité professionnelle,  une vidéo  de drone doit d’abord passer par plusieurs étapes de postproduction (étalonnage des couleurs, montage des rushes, titrages, sonorisation, exportation).

Par contre, une fois que l’on sait comment ajouter une vidéo de drone à un site internet, on peut alors rendre la visite du site beaucoup plus attractive et provoquer le coup de cœur qui facilitera la vente d’un bien immobilier par exemple.

Table des matières

2 méthodes pour ajouter une vidéo de drone à votre site Internet

Après avoir choisi le bon format pour votre vidéo de drone, filmée par Dronoclip (généralement mp4), vous pouvez opter pour l’une de ces deux méthodes : 

  1. Intégrer directement la vidéo dans votre site web
  2. Ajouter la vidéo à votre chaine YouTube puis ajouter un lien vers elle.

Nous allons voir ensemble les avantages et inconvénients de ces deux méthodes et comment procéder dans le détail.

Pour mes clients, je peux bien entendu m’occuper de cette intégration sur leur site.

Méthode 1 : Ajouter Directement une Vidéo de drone dans une Page Web

Intégrer une vidéo directement dans une page web signifie héberger la vidéo sur le même serveur que votre site web.

Cela peut être fait en utilisant la balise <video> en HTML5. Si vous connaissez le HTML, voici une page expliquant comment paramétrer cette balise <video>.

Processus d’intégration en HTML

  1. Optez pour un format rectangulaire en résolution en 16:9 (1 920 x 1 080 pixels) si vous souhaitez montrer la vidéo sur un écran d’ordinateur ou de mobile. En 9:16, si vous voulez afficher la vidéo en vertical dans les réseaux sociaux.
  2. Si votre site est sous WordPress, commencez par ajouter le fichier vidéo depuis votre bibliothèque de médias.
  3. Copiez/collez ensuite le chemin (url) menant à ce fichier et indiquez-le dans la valeur src= »https://chemin-vers-video » comme dans l’exemple qui suit.

Voici un exemple de code d’intégration HTML :

<video controls width="1920" height="auto">
  <source src="chemin/vers/video.mp4" type="video/mp4">
  Votre navigateur ne supporte pas la balise vidéo.
</video>

Avantages de cette méthode :

  • Votre vidéo est directement gérée depuis votre hébergement.
  • Vous n’avez pas besoin de vous créer un compte Google ou autre.
  • Le lecteur vidéo intégré à YouTube est reconnu par tous les types de navigateurs web et de téléphones mobiles.
  • Vous pouvez  créer un espace privé pour que seuls vos clients puissent voir cette vidéo.

Inconvénients : 

  • Si vous avez beaucoup de vidéos, elles vont augmenter votre besoin en espace de stockage sur votre hébergement web.
  • Les internautes n’auront pas forcément le lecteur vidéo prêt à lire votre film.
  • Vous risquez de ralentir le chargement de vos pages web.
  • Vos vidéos ne seront pas vues par le plus grand monde.

Méthode 2 : Utiliser YouTube pour Héberger la Vidéo de Drone

Héberger la vidéo sur YouTube et l’intégrer sur votre page web est une méthode largement préférée pour plusieurs raisons, notamment l’optimisation du chargement et l’économie de bande passante.

Créer sa chaine YouTube

YouTube étant une filiale de Google, pour l’utiliser vous devrez d’abord vous créer un compte.

  1. Allez sur la page de connexion de YouTube
  2. Connectez-vous ou bien créez votre compte
  3. Créez votre chaine YouTube (voir tutoriel créer sa chaine YouTube).
  4. Téléchargez la vidéo en suivant les instructions de YouTube.
  5. Une fois sa publication annoncée, allez sur la page de votre vidéo YouTube.
  6. Cliquez sur le bouton « Partager » sous la vidéo.
  7. Sélectionnez « Intégrer » et copiez le code d’intégration.

Pour mes clients, j’utilise souvent le constructeur de pages Elementor, sous WordPress. Il comporte un composant spécial permettant d’ajouter une vidéo. 

Il suffit d’ajouter ce composant sur votre page web puis de renseigner les paramètres de la vidéo (url vers YouTube, dimensions, etc.)

Vos questions pour savoir comment ajouter une vidéo de drone à une page web

Comment faire le montage d'une vidéo de drone pour obtenir un résultat de qualité professionnelle ?

Montage de vidéo de drone par Dronoclip, afin de montrer comment ajouter une vidéo de drone à un site internet

La scénarisation du vol fait partie intégrante d’une mission de télépilote de drone, surtout lorsqu’il s’agit de prestation pour des biens immobiliers en haut de gamme (real estate).

Avant le vol, chaque séquence a déjà été planifiée. Par exemple : 

  • Décollage depuis le portail de la résidence
  • Travelling jusqu’à la façade arrière
  • Montée rapide au dessus de la villa puis demi-tour.
  • Plan stationnaire de la toiture à la verticale
  • Descente en arrière avec zoom arrière montrant la piscine.
  • Etc.

Chaque séquence a été filmée une ou plusieurs fois, de manière à obtenir des séquences de film exploitables, appelées « rushs ».

De retour sur son lieu de travail, le télépilote ou son assistant exporte les rushs stockés dans la carte SD du drone et les classe sur son ordinateur.

A l’aide d’un logiciel de montage vidéo (j’utilise Da Vinci Resolve), le spécialiste commence l’importation des rushes puis leur montage selon le scénario prévu.

L’oeil humain est assisté par le cerveau pour corriger en permanence les couleurs et l’éclairage de ce que nous voyons. La caméra d’un drone n’a pas encore d’assistance aussi perfectionnée. Si vous avez filmé un peu en contrejour, les couleurs seront sombres et mal contrastées.

Si votre tournage a commencé un matin et que vous avez complété votre film par des séquences tournées en fin de journée, vous n’aurez plus du tout la même ambiance dans vos images. Certaines seront « chaudes » et formées de couleurs allant plutôt vers le rouge. D’autres au contraire, seront fortes, constrastées, saturées de bleu. Etc.

l’étalonnage est une des étapes de la post production d’un film vidéo consistant à choisir une cohérence dans les couleurs, le contraste et la luminosité de chacun de vos plans de séquence. Une vidéo mal étalonnée donnera une impression d’amateurisme pouvant nuire au résultat final.

L’intérieur d’une habitation comporte de nombreux obstacles.

Certains peuvent avoir de la valeur : tableaux, objets d’art, appareils électroniques…

Faire voler un drone parmi tous ces obstacles est possible (certains drones sont équipés de détecteurs de collision), mais risqué. 

A minima : vérifiez que vous disposez d’une bonne assurance professionnelle couvrant ce type de risque !

Personnellement, j’ai opté pour une solution nettement plus simple pour mes vidéos de drone real estate en immobilier :

je laisse mon drone à l’extérieur et je filme l’intérieur avec un mobile disposant d’une caméra 4K fixé sur une poignée Osmo Mobile de DJI

Je peux ainsi filmer des plans bien stables en toute sécurité.