Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages

Intégrer un fichier multimédia externe

Dernière mise à jour: août 3, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
Service Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise
Ancienne version Marketing Hub Basique

Vous pouvez intégrer des fichiers de contenu multimédia externes, comme des vidéos YouTube, dans un module de texte enrichi dans vos pages, articles de blog et articles de base de connaissances. Les vidéos peuvent également être intégrées dans le module vidéo dans les zones de glisser-déposer de pages ou dans l'éditeur d'e-mails de glisser-déposer

Pour suivre les interactions avec une vidéo, découvrez comment ajouter HubSpot Vidéo à votre contenu.

Types de contenu multimédia pris en charge

La fonctionnalité d'intégration prend en charge les URL au format oEmbed, qui est utilisé pour la plupart des types de contenu multimédia. Les plateformes qui utilisent le format oEmbed comprennent YouTube, Spotify et Vimeo. Pour une liste complète des fournisseurs de contenu multimédia compatibles, consultez la documentation oEmbed.

Les fichiers multimédia avec une sécurité supplémentaire, tels que des vidéos YouTube privées, ne sont pas pris en charge.

Intégrer un fichier multimédia externe dans un module de texte enrichi

Remarque : les fichiers multimédia externes ne peuvent pas être intégrés dans des modules de texte enrichi dans les e-mails marketing. 


Vous pouvez intégrer un fichier multimédia dans un module de texte enrichi en collant l'URL directement dans l'éditeur de texte enrichi. Si vous obtenez un message d'erreur lors de l'ajout de l'URL du fichier multimédia, HubSpot recommande d'insérer le code intégré. 

Intégrer un fichier multimédia externe avec une URL

Intégrer un fichier multimédia externe avec un code intégré

  • Dans votre compte HubSpot, accédez aux pages de site web, aux pages de destination, au blog ou à la base de connaissances.
  • Passez le curseur de votre souris sur votre page ou article, puis cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur le module de texte enrichi.
  • Dans la barre d'outils de texte enrichi, cliquez sur le menu déroulant Insérer et passez le curseur de votre souris sur l'option Intégrer.
  • Dans la boîte de dialogue, saisissez le code intégré du fichier multimédia externe. Vous obtenez un aperçu de votre fichier.
  • Cliquez sur Insérer.

Mettre en forme un fichier multimédia externe 

  • Dans votre compte HubSpot, accédez aux pages de site web, aux pages de destination, au blog ou à la base de connaissances.
  • Passez le curseur de votre souris sur votre page ou article, puis cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur le module de texte enrichi.
  • Cliquez sur le fichier intégré.
  • Modifiez la position, les dimensions et l'espacement de votre fichier multimédia dans la barre d'outils. 
    • Pour redimensionner votre fichier, saisissez des valeurs en pixels de largeur et de hauteur.
    • Pour ajuster la position du fichier multimédia dans un bloc de texte, cliquez sur les icônes d'alignement inline
    • Pour rendre votre vidéo adaptative, cliquez sur l'icône de pleine page fullWidth. La vidéo s'affiche sur toute la largeur de l'appareil sur laquelle elle est regardée.

Remarque : les fichiers multimédia intégrés contenant une balise <script> ne sont pas pris en charge en pleine page, car ils génèrent du contenu dynamique.

edit-your-embedded-video
  • Pour modifier les options avancées de votre fichier multimédia, cliquez sur l'icône Modifier edit.
    • Les développeurs peuvent modifier le style et le comportement d'une vidéo intégrée dans le champ de texte Intégrer le code
    • Par défaut, les fichiers multimédia utilisent le chargement différé et se chargeront uniquement si un visiteur accède à l'emplacement où ils se trouvent sur une page. Pour que votre fichier multimédia commence à se charger lorsque la page se charge, cliquez sur le menu déroulant Chargement des options et sélectionnez Impatient.  

edit-embed-code-1

Remplacer un fichier multimédia externe

Si vous devez remplacer un fichier multimédia externe intégré, supprimez le fichier d'origine, puis intégrez l'URL du nouveau fichier : 

Intégrer une vidéo externe dans un module vidéo 

Vous pouvez également intégrer une vidéo externe sur votre page ou un e-mail marketing avec un module vidéo. Ce module est uniquement disponible dans les zones de glisser-déposer des pages et l'éditeur d'e-mail marketing en glisser-déposer

Intégrer une vidéo externe dans un module vidéo d'e-mail 

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Cliquez sur le nom de l'e-mail.
  • Dans l'éditeur de barre latéral, cliquez sur le module Vidéo et faites-le glisser vers la position souhaitée dans votre e-mail.
  • Dans l'éditeur de contenu, cliquez sur le module vidéo pour modifier ses options. 
  • Sous Type de vidéo, sélectionnez Intégrer.
  • Saisissez l'URL de la vidéo.
embed-your-video-in-an-email
  • Modifiez les dimensions de votre vidéo, la vignette et le positionnement dans l'éditeur situé dans la barre latérale de gauche : 
    • Saisissez une largeur ou une hauteur pour redimensionner la vidéo. 
    • Pour personnaliser la vignette de la vidéo, cliquez sur Charger des images pour charger une image de votre ordinateur, ou cliquez sur Parcourir les images pour ajouter une image à partir de l'outil Fichiers
    • Pour vérifier que votre vidéo s'affiche en pleine largeur sur les appareils mobiles, sélectionnez la case à cocher Afficher comme la largeur maximale sur les appareils mobiles. Les vidéos ne s'affichent jamais selon une largeur supérieure à leurs dimensions d'origine. 
    • Pour déplacer la vidéo vers la droite ou la gauche, cliquez sur le menu déroulant Alignement et sélectionnez Gauche, Centre ou Droite.
    • Pour ajouter un espace sur les côtés de votre vidéo, cliquez pour activer l'option Remplissage. Saisissez les valeurs en pixels de remplissage dans les champs de texte Haut, Bas, Gauche ou Droite, ou sélectionnez la case à cocher Appliquer à tous les côtés pour appliquer le même remplissage sur tous les côtés de la vidéo.
  •  

add-padding-to-video-module

Intégrer une vidéo externe dans un module vidéo sur une page

Remarque : le module vidéo ne peut être ajouté qu'aux pages contenant une zone de glisser-déposer.

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web
  • Placez le curseur sur la page et cliquez sur Modifier.
  • Dans l'éditeur de barre latéral, cliquez sur le module Vidéo et faites-le glisser vers la position souhaitée sur votre page.
  • Dans l'éditeur de contenu, cliquez sur le module vidéo pour modifier ses options. 
  • Dans la section Type de vidéo de l'éditeur de barre latéral, sélectionnez Intégrer.
  • Saisissez l'URL de la vidéo.

embed-external-video

  • Indiquez si la taille de la vidéo doit changer selon l'appareil :
    • Ajuster automatiquement : votre vidéo est adaptative, autrement dit, elle sera redimensionnée en fonction de la taille du navigateur et de l'appareil.
    • Largeur et hauteur exactes : votre média aura toujours la même taille sur tous les appareils.
  • Si vous avez défini votre vidéo comme adaptative, sélectionnez sa taille maximale 
    • Taille d'origine : la largeur de la vidéo ne dépasse pas sa taille initiale.
    • Pleine page : la vidéo s'affiche sur toute la largeur de l'appareil sur laquelle elle est regardée.
    • Personnalisé : la vidéo ne dépasse pas une largeur et une hauteur spécifiques dans l'éditeur de barre latéral. Saisissez les valeurs en pixels de ces dimensions dans les champs de texte Largeur et Hauteur
  • Pour personnaliser la vignette de votre vidéo, cliquez sur Charger pour sélectionner un nouveau fichier à partir de votre ordinateur, ou cliquez sur Parcourir les images pour sélectionner une image depuis l'outil Fichiers.

adjust-video-size


  • Cliquez sur Appliquer les modifications.