Le blog Cyclonature
100% sans publicité

Le code pour mettre une vidéo sur une page web

Le code de la balise video utilisé sur ce blog est assez simple et peut être modifié à volonté.

La création de la page HTML

Pour que le vidéo apparaisse sous forme de vignette et dans l'onglet vidéos de Google il est fortement conseillé comme le précise d'ailleurs Google de mettre une seule vidéo par page et en élément principal.
Si la vidéo n'est pas l'élément principal de la page elle ne sera pas indexée et n'apparaitra pas dans les résultats de recherche de Google.
L'idéal est de faire des tests sur une page web est de virer le superflu comme par exemple la sidebar, la barre de menu, etc.
Exemple de page vidéo = Une bannière texte (sans image), la vidéo, H1 et description sous la vidéo, le formulaire de commentaires et un footer.
Le bon plan est de regarder comment est fait une page vidéo Youtube pour se faire une idée.

Quelques infos

Width et height = C'est la résolution de la vidéo.
Preload = La valeur auto indique au navigateur de télécharger la vidéo entière.
Controls = Affiche les commandes vidéo.
Autoplay = Active la lecture de la vidéo à l'ouverture de la page web.
Muted = Le son de le vidéo est coupé.
Loop = La vidéo recommence à chaque fois qu'elle est terminée.
Poster = L'image qui s'affiche avant le chargement de la vidéo.

<video width="1280" height="720" preload="auto" controls autoplay muted loop poster="Le lien de l'image">
<source src="Le lien de la vidéo" type="video/mp4">
La description de la vidéo
</video>

Pourquoi mettre les vidéos sur son blog et pas sur Youtube

L'avantage de Youtube c'est le nombre de vues qui est bien plus grand que sur un blog principalement parce que c'est une plateforme très utilisé y compris via l'appli mobile.
Son inconvénient c'est la pub et les suggestions d'autres vidéos (c'est son coté addiction).
L'avantage de mettre ses vidéos sur son blog c'est qu'elles sont sans pub et il n'y a pas besoin de consentement des visiteurs (cookies).
L'inconvénient de mettre ses vidéos sur son blog c'est le nombre de vues qui n'est pas aussi important que sur une plateforme vidéo, concernant le référencement c'est pas si simple non plus et surtout il y a le poids d'une vidéo, perso j'essaie de ne pas dépasser 15 Mo par vidéo et sur un hébergement de 100 Go on peut quand même en mettre un paquet.

Publié par Eric le 29 mars 2024
Remonter en haut de la page