⚠️Remarque : Vous pouvez intégrer votre vidéo sur un site tiers, mais sachez que nous ne pourrons pas vous aider à résoudre les problèmes liés à ce site.
Il existe plusieurs façons d'accéder au code d'intégration de votre vidéo :
-
Via la page des paramètres de la vidéo : vous trouverez le code d'intégration sur la page d'édition de votre vidéo en cliquant sur le bouton Intégrer dans le coin supérieur droit. Dans la fenêtre modale qui s'affiche, vous pourrez choisir entre des codes fixes ou responsifs, et personnaliser manuellement votre code d'intégration. Celui-ci sera copié dans votre presse-papiers.
-
Via la fenêtre de partage de vidéos : Dans le player du site ou sur la page publique de la vidéo, appuyez sur l'icône de partage (l'avion en papier) pour voir apparaître un encadré contenant le code d'intégration. Pour personnaliser votre code d'intégration, cliquez sur +Afficher les options. Le menu qui s'affiche vous permet d'apporter des modifications automatiques à votre code d'intégration : lecture automatique/lecture en boucle, couleurs, dimensions de l'intégration, etc. (remarque : certaines de ces modifications peuvent également être réglées dans les paramètres d'intégration de votre vidéo ou dans un éditeur de texte). Lorsque vous avez terminé, copiez le code final indiqué dans le cadre.
-
Bibliothèque : Cliquez sur l'icône de partage à côté de n'importe quelle vidéo, qu'elle soit affichée en mode liste ou grille, et sélectionnez Copier le code d'intégration. (Ce code comprend des dimensions fixes).
Ajuster la taille du player intégré
Notre code d'intégration par défaut comprend des dimensions fixes garantissant le respect du format original de votre vidéo.
Si vous souhaitez agrandir ou réduire les dimensions du player, modifiez les valeurs de hauteur et de largeur avant de coller le code dans votre créateur de pages internet. Nous vous recommandons d'utiliser des dimensions qui reproduiront le format d'image de votre fichier d'origine. Par exemple, si votre vidéo est en 1920 x 1080, il est préférable d'utiliser des dimensions qui produiront un format d'image de 16:9, telles que 640 x 360.
Intégrations adaptatives
Les vidéos responsives s'ajustent automatiquement à la taille de l'écran ou de la fenêtre. Lorsque vous utilisez notre code d'intégration responsif, le player s'adapte aux dimensions de son contenant tout en respectant le format original de votre vidéo. Dès lors, il vous faudra ajuster le contenant parent sur votre page internet si vous souhaitez changer la taille de l'iframe du player. Vous ne pouvez pas modifier les dimensions dans le code d'intégration Vimeo même.
Le code d'intégration responsif se trouve dans le menu de partage de la page de votre vidéo (par exemple, vimeo.com/XXXXX), si votre vidéo n'est pas privée, ainsi que dans la fenêtre modale d'intégration sur votre page de paramètres simplifiés. Lorsque vous êtes sur la page de votre vidéo, cliquez sur l'icône de partage (l'avion en papier) dans le player vidéo. Dans la fenêtre de partage qui apparaît, cliquez sur « +Afficher les options » dans le coin supérieur droit du cadre, puis sélectionnez « Responsif ». Le code dans la section d'intégration devrait s'adapter automatiquement pour inclure un nouveau conteneur div et une balise de script. Ce sont eux qui rendent l'iframe responsif.
⚠️Remarque : À l'heure actuelle, cet encadré n'apparaît que pour les vidéos publiques ou protégées par un mot de passe sur vimeo.com
Le code réactif peut ne pas être compatible avec certains thèmes et mises en page de pages web. Si vous rencontrez des difficultés avec le code d'intégration réactif, nous vous recommandons de revenir au code d'intégration de taille fixe.
Notez que le code d'intégration d'une vidéo comprenant des cartes est responsif par défaut. Pour en savoir plus, consultez l'article Cartes.
Personnaliser l'iframe de Vimeo
La taille et la position de l'iframe du player peuvent être influencées par le style de votre page web. Cela arrive fréquemment lorsqu'on utilise des thèmes ou des plugins préfabriqués d'un constructeur de site Web tel que Wordpress, Wix ou bien Squarespace. Si vous avez déterminé les dimensions de votre code d'intégration correctement mais que le player Vimeo s'affiche différemment, nous vous suggérons de vérifier votre constructeur de site web pour voir si du formatage supplémentaire est appliqué à l'iframe du player.
En cas de doute, contactez-nous pour que nous puissions vous aider. Assurez-vous d'inclure l'URL de votre page web ainsi que les informations de connexion dont nous aurons besoin pour y accéder.