Mettre une video sur son site

Insérer une vidéo sur un site web est une pratique courante pour engager l'audience. L'intégration d'une vidéo sur un site web peut améliorer la compréhension d'un sujet, augmenter le temps passé sur la page et enrichir l'expérience utilisateur.

Comment insérer facilement une vidéo dans son site web

Il existe plusieurs méthodes pour intégrer une vidéo sur un site web :

Embedding via une plateforme tierce: La plupart des plateformes de vidéos comme YouTube ou Vimeo offrent une option d'intégration. Il suffit de copier le code fourni et de le coller dans le code HTML de la page où la vidéo doit apparaître.
Intégration HTML5: Avec l'avènement de HTML5, il est désormais possible d'intégrer directement des vidéos sans avoir besoin d'un lecteur tiers. Cela se fait en utilisant la balise <video>.
Utilisation d'un CMS: Des systèmes de gestion de contenu tels que WordPress offrent des fonctionnalités d'insertion de vidéos intégrées qui simplifient le processus pour les non-développeurs.

Bonnes pratiques pour intégrer une vidéo dans le code HTML

Lors de l'intégration d'une vidéo sur un site web, certaines pratiques peuvent améliorer la performance et l'expérience utilisateur.

Optimiser la taille de la vidéo: Pour garantir un temps de chargement rapide, il est recommandé de compresser la vidéo sans compromettre sa qualité.
Prévoir un mode de lecture automatique: Bien que controversée, cette fonction peut engager l'utilisateur. Il convient de l'utiliser judicieusement.
Activer les sous-titres: Les sous-titres peuvent aider à rendre le contenu accessible à un public plus large, notamment aux malentendants.

Exemples d'intégration en HTML5

L'intégration de vidéos en HTML5 est relativement simple. Voici comment cela peut être réalisé :


        <video width="320" height="240" controls>
            <source src="chemin_vers_la_video.mp4" type="video/mp4">
        </video>

Cette approche assure que la vidéo peut être lue sur la plupart des navigateurs modernes.

URL de la vidéo sur son site

Votre vidéo, une fois hébergée et disponible sur la toile, doit pouvoir être trouvée facilement, soit en communiquant l'adresse (URL) de votre fichier, soit en l'intégrant sur une page de votre site.
Si vous ne souhaitez que donner l'adresse de votre vidéo, faites simplement un lien sur votre site Web, dans un forum ou dans un e-mail.

Lien HTML :
<a href="http://www.votresite.com/vosvideos/nomdelavideo.wmv">Ma vidéo</a>

Plus compliqué, mais plus intéressant, intégrez votre vidéo directement sur une de vos pages.
Voir cet exemple avec une vidéo intégrée sur une page Web.

En anglais, on appelle à§a "embed", c'est à dire intégrer un lecteur multimédia directement sur une page Web.

Le code à insérer dans vos pages dépend essentiellement du format que vous avez utilisé.

Voici les codes pour les 3 principales architectures :

- Windows Media
- Real Player
- QuickTime
- Flash Swf

A noter que vos visiteurs doivent déjà avoir le lecteur multimédia correspondant installé pour que cela fonctionne. En utilisant Windows media, vous aurez de grandes chances de toucher tout le monde, mais il peut toujours être intéressant de faire plusieurs versions, par exemple une Windows Media et une autre Quicktime.