Lors de la création d’une page, l’ajout d’un bloc vidéo est un excellent moyen de partager du contenu dynamique et attrayant avec les visiteurs. Cependant, seules les vidéos hébergées sur YouTube peuvent être partagées dans un bloc vidéo. Que faire si vos vidéos sont hébergées sur Vimeo ou Wistia ?
Vous trouverez ci-dessous les instructions pour ajouter une vidéo Vimeo ou Wistia à une page Beamery à l’aide du bloc iFrame.
- Avant d’intégrer votre vidéo, vous devez vous assurer de disposer de l’URL intégrable correcte de Vimeo.
-
Vimeo
Localisez sur Vimeo la vidéo que vous souhaitez intégrer. Cliquez sur Embed. Dans la fenêtre contextuelle, sélectionnez uniquement l’URL qui suit iframe src= entre les guillemets. (Voir l’image ci-dessous)
Cette URL doit inclure le mot « player ». (L’URL Link en haut de cette fenêtre de partage ne fonctionnera pas dans un iFrame.)
Seule l’URL mise en évidence dans cette image doit être utilisée. Votre URL doit ressembler à ceci :
https://player.vimeo.com/video/000000000
Et non à ceci :
https://vimeo.com/000000000
Wistia
Localisez sur Wistia la vidéo que vous souhaitez intégrer. Cliquez sur </> Embed & Share. Dans la fenêtre contextuelle, sélectionnez uniquement l’URL qui suit iframe src= entre les guillemets.
- Ensuite, accédez à Beamery et ouvrez le Page Builder de la page dans laquelle vous souhaitez intégrer la vidéo. Trouvez ou ajoutez un bloc iFrame, puis cliquez dessus pour ouvrir les options de modification dans le panneau latéral gauche.
- Collez l’URL d’intégration copiée depuis Vimeo ou Wistia dans la zone de texte. La zone doit contenir uniquement l’URL. Si un autre code d’intégration a été copié, supprimez-le maintenant.
- Si l’URL a été saisie correctement, un aperçu de la vidéo devrait apparaître dans le bloc iFrame à droite, comme ci-dessous.
- Une fois votre vidéo intégrée, vous pouvez terminer la personnalisation du bloc iFrame en définissant sa hauteur en pixels et en choisissant de l’étendre ou non sur toute la largeur de la page (plutôt que d’utiliser la largeur standard, avec une bordure).
Ressources supplémentaires
Présentation de la structure des pages Beamery
Comment créer une page Beamery