Comment intégrer des codes vidéo à partir de n'importe quelle source

Un code d'intégration vidéo est une chaîne de code contenant les données d'une vidéo : son URL, sa taille et son nom, entre autres variables. Ces codes vous permettent d'afficher du contenu vidéo sur votre blog et vos pages de destination. Et vous voulez absolument du contenu vidéo sur votre blog et vos pages de destination - les recherches de Wistia ont montré que les vidéos multiplient par 2,6 le temps de session.

Vous devez apprendre à personnaliser et à intégrer des codes vidéo à partir de n'importe quelle source pour garantir une lecture fluide des vidéos. Ne pas savoir comment intégrer correctement votre code peut signifier héberger une vidéo qui ne répond pas que les spectateurs ne peuvent pas regarder ou partager. Ces trois étapes vont au-delà des conseils habituels du « copier-coller », vous apprenant à intégrer des vidéos qui se démarquent dans vos articles.

1. Choisissez où vous allez héberger votre vidéo.

Chaque service d'hébergement vidéo a des caractéristiques et des contraintes uniques. Certains hébergeurs ne proposent que les outils de base. Ceux-ci vous permettront d'héberger des vidéos et de choisir leur emplacement, ce qui est suffisant si tout ce dont vous avez besoin est de distribuer des vidéos sur votre site Web. Mais pour d'autres entreprises, ces outils pourraient être insuffisants pour tous vos besoins. Par exemple, un service d'hébergement de base ne suffit pas si vous souhaitez modifier la lecture d'une vidéo et suivre ses performances.

Les fournisseurs d'hébergement bon marché sont abordables, mais ils connaissent plus de temps d'arrêt que les fournisseurs réputés. Un lecteur qui ne peut pas regarder une vidéo qui promet de résoudre un problème important cherchera une réponse ailleurs. Peu importe si vous intégrez une vidéo à partir de votre ordinateur portable ou d'un site de streaming, vous voudrez choisir un fournisseur d'hébergement réputé avec des outils qui vous aideront à atteindre vos objectifs.

Vos objectifs déterminent l'hébergement que vous choisirez. Si vous souhaitez développer la notoriété de votre marque, utilisez YouTube. Une vidéo que vous téléchargez sur YouTube et que vous intégrez plus tard sur votre site Web sera classée sur YouTube et dans la recherche Google, vous toucherez ainsi le public le plus large.

Pour une entreprise qui se concentre sur les prospects à forte intention plutôt que sur une large portée, Wistia est une meilleure option en raison de son outil de génération de prospects en vidéo. Il vous permet d'ajouter des CTA et des formulaires pour créer une liste de clients potentiels directement à partir du lecteur vidéo.

2. Localisez le code d'intégration de la vidéo

Certains CMS vous permettent d'intégrer des vidéos sans leur code d'intégration. Tout ce que vous avez à faire est de coller l'URL de la vidéo et le CMS l'insérera dans votre site Web. Bien que pratique, il est préférable de rechercher manuellement la vidéo et son code d'intégration. L'accès au code vous permet de présenter votre vidéo comme vous le souhaitez.

Un contrôle complet sur le code d'intégration vous permet d'offrir une expérience de visionnage agréable sur tous les appareils. Et faciliter le visionnage de la vidéo est essentiel pour aider votre classement de page sur Google. Leurs Web Vitals mesurent la facilité de navigation sur votre page. Lorsque les téléspectateurs ont du mal à lire ou à cliquer sur un bouton en raison de son emplacement, Google peut rétrograder vos articles.

La plupart des services d'hébergement stockent les codes d'intégration sous l'option Partager du lecteur vidéo. Bien que les informations du code varient d'un hôte à l'autre, vous verrez généralement des données sur la taille, la durée et le titre de la vidéo. Vous pouvez modifier ces informations une fois que vous êtes prêt à intégrer votre vidéo.

3. Personnalisez l'apparence et la lecture de votre vidéo

Vous pouvez augmenter la probabilité qu'une personne regarde votre vidéo en modifiant son apparence et sa lecture. Les codes intégrés non édités peuvent lire des vidéos qui se perdent dans l'article ou prennent trop de temps pour aller droit au but, ne recueillant aucune vue. Vous pouvez maximiser le nombre de vues que votre vidéo reçoit avec quelques ajustements.

Apparence

La taille, la couleur et l'emplacement de votre lecteur vidéo influencent si quelqu'un regarde votre vidéo. Les spectateurs peuvent manquer votre vidéo si son lecteur est trop petit ou à peine visible. Pour inciter les lecteurs à arrêter le défilement, choisissez une couleur pour votre lecteur vidéo qui contraste avec le reste de la page.

Supposons que votre page utilise un arrière-plan blanc et que votre lecteur vidéo utilise une vignette et un bouton de lecture de couleur claire. Dans ce cas, un lecteur parcourant votre article pourrait ne pas le voir. Sinon, imaginez que vous modifiez votre code d'intégration de sorte que le bouton de lecture soit rouge vif et que la vidéo couvre 80 % de la page. Ces modifications rendraient difficile pour les téléspectateurs de manquer votre vidéo.

Vous pouvez modifier la taille d'une vidéo et les couleurs du lecteur en modifiant le code. Pour modifier la taille, accédez au code d'intégration et recherchez "width =" et "height =". Choisissez une taille qui couvre la majeure partie de l'écran de votre site Web pour le rendre visible. Dans la plupart des cas, une largeur de 1280 pixels et une hauteur de 720 pixels suffisent.

Le code de style en ligne peut ajuster la couleur de votre lecteur vidéo et sa bordure. Modifiez ces éléments en trouvant d'abord le mot "iframe" dans le code. Ce texte est une ligne de code qui intègre un autre document dans un fichier HTML. Collez ensuite style="border : 5px solid #AAA ; immédiatement après. Le nombre avant le "px" indique la largeur de la bordure, tandis que les trois lettres après l'état # définissent la couleur de la bordure dans les codes de couleur HTML.

Paramètres du lecteur

Les vidéos intégrées sont lues différemment selon les paramètres de votre code, également appelés attributs. Modifiez le code pour rendre vos vidéos plus utiles aux spectateurs.

Parfois, vous souhaitez que le spectateur saute le début d'une vidéo. Peut-être que l'introduction n'est pas utile pour leur problème, et vous voulez qu'ils accèdent directement aux informations essentielles. Ou peut-être qu'il cible un public différent mais contient des informations que tout le monde pourrait trouver utiles. Quelle que soit la raison, vous pouvez ajuster le code pour démarrer votre vidéo quand vous le souhaitez.

Les options d'intégration de YouTube vous permettent de modifier la minute de début de la vidéo sans vous obliger à écrire des lignes de code. Allez dans Partager, Intégrer, cochez la case "Commencer à" et écrivez l'heure à laquelle votre vidéo doit commencer. Les personnes extérieures à YouTube peuvent généralement définir l'heure de début dans les options d'intégration.

Un autre attribut utile est le paramètre Boucle, qui vous permet de faire en sorte qu'une vidéo se répète une fois qu'elle est terminée. Ceci est utile pour les spectateurs qui apprennent une compétence à partir d'une vidéo éducative. Cet avantage se produit parce que le cerveau est plus apte à se rappeler et à retenir les informations qu'il voit ou écoute plus d'une fois.

Vous pouvez boucler votre vidéo dans la plupart des services d'hébergement en cochant une case dans les options d'intégration. Si vous hébergez sur YouTube, recherchez l'adresse Web après "src=" dans le code d'intégration. Cette ligne de code est l'URL source.

Recherchez ensuite l'ID vidéo, c'est-à-dire les lettres alphanumériques après "/embed/". Écrivez « ?playlist=[ID vidéo] &loop=1 » à côté du dernier numéro de votre ID vidéo et, à partir de ce moment, votre vidéo intégrée se bouclera d'elle-même.

Intégrez des vidéos créées par Vyond à votre site Web

Vyond est un logiciel d'animation intuitif que les membres des équipes marketing, ressources humaines, formation et développement peuvent utiliser pour créer des vidéos attrayantes. Ces vidéos réduisent le temps d'intégration de 67 %, augmentent les conversions du même pourcentage et augmentent les partages vidéo de 375 %. Avec les modèles de Vyond, n'importe qui, quelle que soit son expérience en animation vidéo, peut tirer un immense avantage de l'utilisation de vidéos.

Commencez un essai gratuit