Récupérer le code embed d’un document web

  • Mise à jour

En dehors de certains types de vidéo (par exemple, une vidéo YouTube), et des fichiers importés depuis votre ordinateur, les documents web externes doivent être ajoutés via leur code embed.

Un code embed ?

À la différence d’un lien direct, que vous pouvez rentrer dans la barre d’adresse de votre navigateur web, un code embed est un bout de code (comme son nom l’indique) en langage HTML. Il renseigne non seulement l’emplacement du document, mais fournit également des indications sur la manière dont le document doit être affiché, et se comporter (par exemple : quelle taille par défaut pour l’affichage du document ? Est-ce que la taille s’adapte en fonction de la largeur de l’écran ? Est-ce que certains entêtes sont masqués ? Est-ce que le plein écran est autorisé ? Est-ce que les animations sont conservées ?, etc.).

Un code embed a une des deux formes suivantes (équivalentes) :

  • <iframe src="https://..."></iframe>
  • <embed src="https://..."></embed>

Si vous ne voyez pas les caractères < et > (les « balises »), il ne s’agit pas d’un code embed.

Récupérer le code embed d’un document

La manière officielle

Les étapes exactes pour récupérer le code embed d’un document dépend de l’application qui l’héberge. Nous vous conseillons de consulter le site d’aide de cette application, qui possède souvent un article sur le sujet, avec le titre « Intégrer XXX dans un site web » ou « Partager XXX sur votre blog » (si vous ne trouvez rien, c’est qu’il n’est pas possible de récupérer le code embed — nous y reviendrons).

Dans les grandes lignes, voici les étapes :

  1. Depuis l’interface d’édition du document, cliquez sur Partager/Diffuser/Publier
  2. Cherchez une option avec le terme embed ou iframe
  3. Copiez le code
  4. Collez le code dans votre module

Parfois, le code embed est inclus dans un bloc de code plus large. Dans ce cas, copiez uniquement la partie commençant par la balise <iframe... (ou <embed...) et finissant par </iframe> (ou </embed>).

La triche

Certains documents web ne fournissent pas leur code embed, mais il est parfois possible de le « forcer ». Cette technique n’est pas garantie.

  1. Copiez le lien direct du document
  2. Ouvrez https://www.iframe-generator.com/
  3. Dans le champ iFrameURL, collez le lien du document
  4. Cliquez sur Preview pour voir un aperçu du document tel qu’il sera affiché dans le module
  5. Cliquez sur Generate pour générer le code embed
  6. Cliquez sur COPY IT pour copier le code embed
  7. Collez le code dans votre module
Visitez notre blog pour plus de ressources sur le Collaborative Learning.