J'insère du contenu interactif dans ma vidéo

Publié le : 16-06-2025

Enrichir une vidéo

PodEduc permet d’ajouter des contenus interactifs à vos vidéos grâce aux enrichissements.
Ces enrichissements sont synchronisés à des moments précis de la vidéo et s’affichent dans une diapositive intégrée au lecteur, en mode Vue partagée (Picture-in-Picture).

Cinq types d’enrichissements sont disponibles :

• Image : pour illustrer un passage avec une photo, un schéma ou une infographie
• Texte riche : pour afficher un contenu textuel mis en forme avec l’éditeur intégré
• Document : pour joindre un document pdf complémentaire
• Lien web : pour rediriger vers un site ou une ressource en ligne
• Média intégré (iframe) : pour afficher un contenu externe embarqué (vidéo, carte interactive, etc.)

Chaque type d’enrichissement est identifié par une couleur spécifique sur la barre de lecture, ce qui facilite leur repérage.

Dans ce tutoriel, vous allez découvrir comment insérer un enrichissement de type « Intégrer » dans votre vidéo.

L’enrichissement « Intégrer » permet d’afficher différents types de contenus et de médias à l’aide du code HTML d’intégration fourni par les outils ou plateformes externes.

Dans cet exemple, nous allons intégrer un contenu interactif créé avec un des outils de La Digitale.

Nous prendrons l’exemple d’une présentation interactive réalisée avec Digislides.

Remarque : avec ce même type d’enrichissement, vous pouvez également intégrer d’autres contenus interactifs (jeux, cartes, quiz, etc.), à condition que la plateforme propose un code d’intégration (iframe).

Préparation contenu interactif

Nous allons d’abord créer une présentation avec l’outil Digislides de La Digitale, puis l’insérer dans notre vidéo à l’aide du code d’intégration.
Rendez-vous sur le site de la Digitale : https://ladigitale.dev/. Cliquez sur le lien #outils.

Trouvez l’outil Digislides et cliquez sur « Utiliser »

Créez votre présentation interactive en suivant les étapes proposées.
À tout moment vous pouvez cliquer sur « Aperçu » pour visualiser le résultat.

Une fois votre présentation finalisée, cliquez de nouveau sur « Aperçu » en haut de l’écran.

Depuis l’aperçu de votre présentation, cliquez sur le bouton « partager » situé en haut à droite. Puis copiez le code d’intégration.

Ce code sera utilisé dans la suite du tutoriel pour insérer la présentation dans la vidéo sur PodEduc.

Accéder aux enrichissements

De retour sur PodEduc, sur la page de votre vidéo, cliquez sur le bouton Éditer la vidéo dans la colonne de droite.

Vous pouvez également y accéder depuis votre tableau de bord — ou depuis toute autre page affichant la vignette de votre vidéo — en cliquant sur le bouton Éditer la vidéo présent sur chaque vignette.

Dans la page d’édition, cliquez sur le lien + Enrichissement situé dans la colonne de droite.

La page des enrichissements de la vidéo s’ouvre. Vous trouverez à droite des explications pour remplir les champs du formulaire, ainsi que des informations sur les couleurs associées à chaque type d’enrichissement.
Sous la vidéo, la liste des enrichissements est affichée. Elle se complète au fur et à mesure de vos ajouts.

Insérer du contenu interactif

Cliquez sur le bouton Ajouter un enrichissement situé sous la vidéo.

Le formulaire de création/édition d’un enrichissement s’affiche.
Renseignez un titre pour identifier l’enrichissement dans la liste. Il ne sera pas affiché dans la vidéo.

Cochez la case Arrêter la vidéo si vous souhaitez que la vidéo se mette en pause lorsque l’enrichissement apparaît. Cette fonctionnalité est utile pour prendre le temps de lire ou d’agir avant que la vidéo reprenne.

Définissez le début et la fin de l’affichage de l’enrichissement. Pour synchroniser l’affichage du contenu interactif avec votre vidéo, le plus simple est de procéder ainsi :

1. Lancez la lecture de la vidéo
2. Mettez en pause au moment souhaité pour afficher le contenu
3. Cliquez sur « Obtenir le temps du lecteur »

Sinon, indiquez manuellement le temps de début et de fin en secondes.

Choisissez le type d’enrichissement « intégrer ».

Le champ « Code d’intégration » apparaît : collez ici le code HTML du contenu interactif crée sur le site La Digitale.

Cliquez sur le bouton « Sauvegarder »

L’enrichissement est ajouté à la liste.

Cliquez sur Voir la vidéo enrichie pour vérifier le résultat.

La présentation interactive créée préalablement sur le Digitale s’affiche dans le lecteur, et une barre de couleur verte apparaît sur la timeline de la vidéo.

Diffuser la version enrichie

Avec les enrichissements, deux versions de la vidéo sont disponibles : l’originale et la version enrichie. Vous pouvez choisir laquelle sera affichée par défaut.
Les utilisateurs auront toujours la possibilité de basculer entre les deux.

Dans la page des enrichissements, dans la colonne de droite, faites défiler jusqu’à Gérer la vidéo. Sélectionnez la version à afficher par défaut.

Dans la page de lecture, vérifiez que c’est bien la version souhaitée qui s’affiche.

En cliquant sur l’icône Autre version, située en bas à droite de la vidéo, vous pouvez accéder à l’autre version.

Si vous partagez la vidéo (lien, code iframe, QR code, etc.), c’est la version définie par défaut qui sera diffusée.

Pour intégrer une vidéo enrichie dans H5P, consultez le tutoriel « J’intègre une vidéo enrichie dans un livre interactif H5P ».

Modifier ou supprimer l’enrichissement

Retournez sur la page des enrichissements. Pour rappel, l’accès se fait via le bouton Éditer la vidéo, puis sur +Enrichissements.

Dans la liste des enrichissements, les boutons « Modifier » et « Supprimer » apparaissent dans la colonne « Actions », en face de l’enrichissement concerné.

Cliquez sur le bouton Modifier.
Le formulaire Créer/Éditer un enrichissement se déplie avec les données de l’enrichissement. Effectuez les modifications souhaitées, puis cliquez sur Sauvegarder.

Pour supprimer un enrichissement, cliquez sur le bouton rouge Supprimer.

Attention : La suppression est immédiate, sans étape de confirmation.

Téléchargement

Haut de page