
Pourvu qu’elles soient faciles à visualiser, l’ajout de vidéos est un excellent moyen d’améliorer le contenu de votre site Web. Découvrez comment publier des vidéos de haute qualité à chargement rapide sur votre site en quelques étapes simples.
Table des matières
Intégration
L’intégration est probablement le moyen le plus courant de mettre une vidéo sur votre site, car il s’agit simplement de couper et coller du code dans votre HTML. Étant donné que les sites d’hébergement vidéo comme YouTube, Vimeo et d’autres encouragent le partage, ils vous fournissent toutes les icônes et le codage nécessaires.
Accéder au codage vidéo
Pour accéder au codage vidéo à partir du site d’hébergement, cliquez sur le lien Partager ou Intégrer. C’est généralement sous la vidéo ou sur le côté droit. Lorsque vous cliquez sur le lien Incorporer, il génère l’extrait de code que vous copiez.
Exemple YouTube
Sur YouTube, le codage ressemble à ceci:
Exemple Vimeo
Vimeo utilise également
Personnaliser la taille
Étant donné que vous ne souhaitez peut-être pas la taille de la vidéo par défaut, YouTube et Vimeo vous permettent de sélectionner différentes tailles dans un menu déroulant, ou même de personnaliser la taille. Cette option est extrêmement pratique car le rapport largeur / hauteur correct est conservé pour vous quelle que soit la taille que vous choisissez. Sans le bon rapport, votre vidéo semblera déformée.
Vidéos connexes
Une autre option intéressante que propose YouTube est de choisir si vous souhaitez ou non que les vidéos associées apparaissent à la fin de la vidéo que vous avez sélectionnée. Cochez la case « Afficher les suggestions de vidéos à la fin de la vidéo » si vous le faites. Si vous regardez attentivement le codage, vous remarquerez que le seul changement par rapport au codage ci-dessus est que « ? Rel = 0 » a été supprimé du lien.
Trois façons de placer une vidéo en HTML
Si vous avez besoin de placer la vidéo sur votre site sans l’incorporer, cela peut être accompli de plusieurs manières – chacune avec sa propre faiblesse.
1. Utilisation de la balise
La balise
Le codage appellera le lien que vous fournissez, dans ce cas, intro.swf, inclura toujours les attributs de hauteur et de largeur pour accélérer le temps de chargement. Si votre contenu sera affiché principalement sur des iPad ou des iPhones, utilisez une autre méthode car aucun des produits n’affiche les fichiers .swf. Le seul autre problème potentiel que vous pouvez rencontrer est que si le navigateur d’un utilisateur n’est pas compatible Flash, la vidéo ne sera pas lue.
2. Utilisation de
Cette balise fonctionne dans tous les navigateurs modernes. Sa principale faiblesse est d’exiger de la vidéo dans plusieurs formats, ce qui augmente les besoins de stockage. Le format de fichier mp4 fonctionne dans Internet Explorer, Chrome, Safari et les nouveaux navigateurs Firefox. Le format de fichier ogg est pour Opera et les anciennes versions de Firefox.
Votre navigateur ne prend pas en charge la balise vidéo.
Si la vidéo ne s’affiche pas, le texte « Votre navigateur ne prend pas en charge la balise vidéo ». sera affiché à la place.
3. Utilisation de
C’est probablement la meilleure méthode car elle devrait s’afficher correctement dans tous les navigateurs. Les navigateurs plus anciens liront la balise
Cependant, vous aurez besoin de trois formats de votre vidéo: swf, ogg et mp4.
Travailler avec des vidéos Flash
Si votre vidéo est créée par Abode Flash, ce sera un fichier swf. Ces fichiers peuvent être appelés à l’aide du ou
Objet:
Intégrer:
Publication de votre vidéo
Selon le format de votre clip vidéo original, vous devrez le publier dans un format Web. Vous devrez également décider de modifier ou non la vidéo ou de la télécharger telle quelle.
Utiliser la vidéo telle quelle
- Transférez votre vidéo de l’appareil d’enregistrement vers votre ordinateur en connectant l’appareil via le port USB.
- Connectez-vous à un service d’hébergement vidéo, comme YouTube ou Vimeo, si vous êtes à l’aise avec un site de partage vidéo gratuit. Recherchez le clip sur votre machine, sélectionnez, puis téléchargez le clip. Si vous préférez ne pas utiliser de site public, envisagez des options telles que Brightcove, Vzaar ou Wistia. Un avantage clé de ces sites pour une entreprise est le contrôle – des paramètres peuvent être créés pour empêcher ou permettre à des utilisateurs spécifiques de visionner vos vidéos, exiger l’authentification de l’utilisateur et vous donner la possibilité de suivre les actions des utilisateurs.
- Si vous transférez la vidéo directement depuis votre téléphone, utilisez l’application appropriée pour télécharger le clip sur le site d’hébergement vidéo que vous utilisez. Pour transférer depuis votre téléphone pour placer la vidéo sur votre site Web, vous avez trois options. Vous pouvez envoyer le clip par e-mail à votre compte Gmail s’il est petit, vous connecter à votre ordinateur via le port USB ou retirer la carte mémoire du téléphone et vous connecter à votre ordinateur avec un lecteur de carte.
Avant de télécharger votre vidéo, assurez-vous de lire le guide du site d’hébergement, car certains n’autorisent que les vidéos d’une durée inférieure à cinq minutes. Si le vôtre est plus long que ne le permet le site hôte, vous devrez le couper.
Modifier la vidéo
Avec l’abondance de logiciels de montage vidéo gratuits disponibles, la création de vidéos de haute qualité pour votre site n’a pas besoin d’être coûteuse.
- Windows Movie Maker est couramment utilisé et il est suffisamment puissant pour la plupart des utilisateurs. Le programme vous permet de couper, épisser et éditer votre vidéo avec une interface facile à comprendre et simple à utiliser. Il offre plusieurs options de sortie, dont une liée à YouTube.
- Si vous voulez un logiciel de montage vidéo professionnel, quelques-uns à considérer sont Pinnacle Studio, Adobe Premiere Elements et Final Cut Pro.
Formats vidéo Web courants
Pendant le processus de téléchargement, des sites comme YouTube et d’autres convertissent votre clip au format vidéo Flash. Puisqu’ils contrôlent le processus de conversion, ils n’accepteront que les formats vidéo courants tels que:
- .mov
- .mpeg4
- .avi
- .wmv
- .mpegps
- .flv
- .3GPP
- WebM
Si votre vidéo est dans un autre format, convertissez votre fichier dans un format approuvé. Vous pouvez le faire en important le fichier dans Window Movie Maker et en l’exportant dans le bon format, ou si vous le chargez sur YouTube, suivez leurs instructions.
Choix d’hébergement vidéo
Lorsque vous choisissez un ou plusieurs sites d’hébergement vidéo, comprenez leurs politiques pour vous assurer de conserver autant de contrôle que vous le souhaitez sur votre contenu.
Utilisation d’un site d’hébergement
Il y a des avantages évidents à utiliser un site d’hébergement:
- Exposition potentielle: Un avantage évident est l’exposition potentielle à votre contenu. YouTube reçoit plus d’un milliard de visiteurs uniques chaque mois – une audience énorme pour la vidéo de n’importe qui.
- Balisage des vidéos: Un autre avantage clé est la possibilité d’ajouter des «balises» à votre vidéo. Les tags sont des mots-clés utilisés par les moteurs de recherche pour trouver votre contenu.
- Économisez sur le stockage: Enfin, vous utilisez moins d’espace sur votre serveur. Les vidéos ont tendance à être des fichiers volumineux qui consomment très rapidement de l’espace de stockage. En laissant quelqu’un d’autre héberger votre vidéo, tout ce dont vous avez besoin est un lien ou un extrait de code à ajouter à votre site.
Héberger la vidéo
La raison la plus courante d’héberger votre propre vidéo est probablement de garder un contrôle total sur le contenu. Si vous disposez de l’espace de stockage et que vous craignez de perdre le contrôle, vous devez l’héberger sur votre propre serveur.
Conscience juridique
Assurez-vous de prendre en compte les problèmes de droits d’auteur lorsque vous diffusez des vidéos sur votre site Web.
Vidéos d’autres personnes
Avec des sites comme YouTube, les utilisateurs qui mettent en ligne une vidéo déterminent s’ils souhaitent que la vidéo soit publique et partagée ou privée. Si l’option d’intégration est disponible sur la vidéo que vous avez sélectionnée, cette vidéo devrait, par défaut, pouvoir être utilisée puisque le propriétaire a accordé les privilèges de partage. Cependant, si vous avez un doute sur la possibilité ou non d’intégrer une vidéo, contactez le propriétaire de la vidéo.
Considérations musicales
Lorsque vous créez une vidéo à l’aide de musique, sachez que vous pouvez avoir besoin de l’autorisation du propriétaire de la musique pour l’utiliser – ou risquer de vous engager dans des violations des droits d’auteur. Des sites comme YouTube vous aviseront si vous courez un risque de violation des droits d’auteur et vous proposeront des moyens de le résoudre. Encore une fois, en cas de doute concernant un droit d’auteur, il est toujours préférable de contacter le propriétaire du contenu – ou de ne pas l’utiliser.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !