Il existe plusieurs façons d'accéder au code d'intégration de votre vidéo :
-
Via les paramètres de la vidéo : Vous trouverez le code d'intégration de votre vidéo en cliquant sur le bouton « Partager » dans le coin supérieur droit de la page dédiée aux paramètres. Vous pouvez aussi vous rendre dans la section « Intégration » des paramètres et sélectionner le bouton « Code d'intégration » placé au-dessus du player vidéo. Cliquez simplement sur « Copier » pour enregistrer le code dans votre presse-papier.
-
Via la fenêtre de partage de vidéos : Dans le player du site ou sur la page 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. (Note : 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.
-
Via le gestionnaire de vidéo : Cliquez simplement sur l'icône de partage à côté d'une vidéo, qu'elle soit affichée en mode liste ou grid, 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 adaptatives s'ajustent automatiquement à la taille de l'écran ou de la fenêtre. Lorsque vous utilisez notre code d'intégration adaptatif, 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 adaptative se trouve uniquement sur le site, dans le menu de partage de la page de votre vidéo (ex. vimeo.com/XXXXX). 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 « Adaptative ». Le code dans la section d'intégration devrait s'adapter automatiquement pour inclure un nouveau conteneur div et et une tag de script. Ce sont eux qui rendent l'iframe adaptatif.
⚠️Il se peut que le code adaptatif ne donne pas de bons résultats sur les pages internet affichant certains thèmes ou styles de présentation. Si vous rencontrez des problèmes en utilisant le code d'intégration adaptatif, nous vous conseillons de revenir au code d'intégration à dimensions fixes.
Notez que le code d'intégration d'une vidéo comprenant des cartes est adaptatif par défaut. Cliquez ici pour en savoir plus.
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.