Comment intégrer des vidéos avec Vimeo - des nuls

Après avoir téléchargé votre vidéo sur Vimeo, procédez comme suit pour intégrer une vidéo Vimeo dans votre page Web.

1Lancez un navigateur Web, connectez-vous à votre compte Vimeo et choisissez Mes vidéos dans le menu Vidéo.

La page Vos vidéos s'ouvre.

2Sélectionnez dans la page Vos vidéos la vidéo que vous souhaitez ajouter à votre page Web.

La vidéo s'ouvre dans sa propre page sur Vimeo.

3Cliquez sur le bouton Incorporer dans le coin supérieur droit de la fenêtre vidéo.

Une fenêtre s'ouvre, contenant le code d'intégration de la vidéo sur votre page Web.

4Cliquez sur le lien Personnaliser les options d'intégration en bas de la fenêtre.

La fenêtre Incorporer cette vidéo se développe pour afficher plusieurs options.

5Choisissez la taille de pixel pour l'affichage de la vidéo et tapez les nombres dans les zones Taille de la fenêtre Incorporer cette vidéo.

Le choix d'une taille est l'une des décisions les plus difficiles auxquelles se heurtent les concepteurs vidéo. Bien sûr, plus la résolution de la vidéo est élevée, plus l'image est claire et nette, mais le fichier envoyé à l'iPhone / iPad est, bien sûr, plus volumineux et occupe plus de bande passante.

La taille que vous choisissez dépend du fait que vous voulez que la vidéo soit visible sur tous les différents appareils Apple ou que vous ayez des versions séparées - une version basse résolution pour l'iPhone et une version haute résolution pour l'iPad.

Une bonne nouvelle: Vimeo gère automatiquement les maths derrière la résolution de l'écran, donc vous ne devriez pas avoir besoin d'une calculatrice pour celle-ci. Si vous entrez 640 comme taille horizontale de la vidéo, Vimeo remplit la taille appropriée dans la case verticale correspondante. Dans le cas de la vidéo haute définition 1280 x 720, la vidéo est redimensionnée à 640 x 360 pour conserver le format grand écran.

6Choisissez la couleur du titre de la vidéo dans le menu déroulant Couleur.

Vous pouvez également taper un code de couleur hexadécimal dans la zone en regard du menu déroulant si vous souhaitez ajouter une couleur personnalisée pour le titre de la vidéo.

7Sélectionnez les cases à cocher pour choisir les informations qui s'affichent à l'écran avant le début de la lecture de la vidéo:

Portrait: Utilisez une miniature de la vidéo. Titre: Affichez le titre de la vidéo dans la couleur définie à l'étape 6. B yline: Affiche le nom du créateur sous le titre.

8Sélectionnez les options souhaitées dans la section Autre.

Il est préférable de ne pas sélectionner Autoplay Cette vidéo ou cette vidéo en boucle parce que les visiteurs aiment décider quand une vidéo démarre et combien de temps la lire. Le fait de sélectionner ces options sur une vidéo envoyée à la plate-forme mobile peut entraîner des retards importants dans le chargement des pages.

9Lorsque vous avez ajusté tous les paramètres, cliquez et faites glisser pour sélectionner tout le code dans la fenêtre Obtenir le code d'intégration et copiez-le.

Le texte de la fenêtre est mis en surbrillance lorsqu'il est sélectionné.Pour copier le code, placez le curseur n'importe où dans la fenêtre de code et cliquez avec le bouton droit (ou cliquez sur Option sur Mac) et choisissez Sélectionner tout → Copier, comme indiqué.

10 Ouvrez votre site Web dans un programme de conception Web tel que Dreamweaver, puis collez le code que vous avez copié depuis Vimeo dans votre page Web.

Adobe Dreamweaver est utilisé pour coller le code d'intégration de Vimeo dans une page Web.

11Si vous utilisez un programme de blog tel que WordPress, vous pouvez copier le code en mode Code dans l'éditeur de tableau de bord WordPress.

Pour afficher un plus large éventail d'options d'affichage de vos vidéos lors de leur hébergement sur Vimeo, cliquez sur le bouton Paramètres dans l'angle supérieur droit de la page vidéo pour afficher la page Paramètres.