388 views
--- title: Solutions pour intégrer une vidéo (de Tubes, Nuage, YouTube) dans Éléa author: Drane ac-clermont date: 2024 tags: - éléa - vidéo - tubes - nuage --- # Solutions pour intégrer une vidéo (de Tubes, Nuage, YouTube) dans Éléa ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_820d971a64578bc1540f7a0f1114d49f.png) ::: spoiler **Portail Tubes ?** [Tutoriels ](https://codimd.apps.education.fr/s/KDtm8a_bu) *(détails)* vers [Portail Tubes](https://tubes.apps.education.fr/) Portail avec de nombreuses vidéos pédagogiques sans PUB, hébergement responsable RGPD. Comme YouTube, permet de gérer ses vidéos dans ses propres chaines, de les enrichir *(studio, sous-titre, chapitrage)*, de les partager,... ::: :::spoiler **PodEduc** ? [Tutoriels](https://monaidenumerique.education.gouv.fr/outils/podeduc/accueil/) (détails) Pod-Educ est une plateforme institutionnelle de dépôt et d'enrichissement de vidéos. ::: ::: spoiler **Nuage ?** [Tutoriels](https://codimd.apps.education.fr/s/ErKSzohJ4#) *(détails)* vers [Nuage dans les apps éducation](https://nuage.apps.education.fr/) Drive de 100 Go de stockage en ligne, synchronisable sur son PC, hébergement responsable RGPD, éditeurs intégré de PDF, IMAGE, VIDEO, BUREAUTIQUE..., plusieurs formes de partage de ses fichiers, ses dossiers. ::: ::: spoiler **YouTube ?** *(détails)* Énorme base de vidéos, mais avec PUBS envahissantes, hébergement non RGPD, ... ::: ## ➡**1. En lecture, directement** dans l'éditeur de texte d'une ACTIVITE/RESSOURCE ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_1ad46787622a4b005743c2b6903962a1.png) ### 🔷 Directement dans la page, à partir du **lien de partage de la vidéo Portail Tubes** ou Youtube ::: spoiler 1. 👉Récupérer le **lien de la vidéo** *(détails)* :::success * Dans Tubes, dans YouTube, **bouton droit** sur la vidéo, puis **"Copier le lien de la vidéo"**. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_7838477c5007e55ab0294c77a867608e.png) ::: ::: spoiler 2. 👉**Coller le lien** dans une activité ou ressource de Éléa *(détails)* :::info **Dans l'éditeur de texte** d'une activité/ressource d'Éléa, cliquer sur l'**outil "Lien"**, puis coller (Ctrl+V) le lien de la vidéo sous **"Saisir l'URL"**. Valider par **"CREER LIEN"**. **"ENREGISTRER ET AFFICHER"** en bas de fenêtre, pour afficher la vidéo. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_256f0ba89203e9731de311081770c590.png) ::: ### 🔷 Directement dans la page, à partir du **lien de téléchargement des vidéos Tubes, Nuage** ou YouTube, avec personnalisation de la sortie vidéo :::spoiler 1. 👉Récupérer le **lien de téléchargement** *(détails)* :::success ### 🟢 Dans Portail Tubes 1. Sur la vidéo, cliquez sur les "**...**", puis **"Télécharger"** pour récupérer le lien de téléchargement de la vidéo. 2. Sélectionner la **qualité de la vidéo**, puis cliquez sur **"COPY"** ### 🟢 Dans Nuage *Sur une de vos vidéos de Nuage , récupérer le lien de téléchargement* 1. ▶ **Créer un lien de partage** **dans Nuage** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_89a7e861ecb900561f68388db9037a09.png) * Cliquer sur l'**icône "Afficher les options de partage"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_52d117238858bd8efc10bc54f67223c9.png) * Cliquer sur le **"➕"** pour créer un nouveau lien de partage, **lien copié en mémoire**. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_983a9ef22dc4e711a887043fbac1073b.png) Par défaut, le lien de partage rapide n'accepte que la **lecture** et le **téléchargement** du fichier. Il est possible d'affiner le partage en passant par "Personnaliser le lien". ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_67bd28db67c5e9ac0da247e6df3fd27e.png) 2. ▶**Ouvrir la vidéo partagée** Cliquez sur le fichier vidéo ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_fc84b583e4ce8b92058a788f266c562a.png) 3. ▶**Copier le lien de téléchargement** de la vidéo Sur les "**...**" en haut de la vidéo, **Bouton droit** sur **"Télécharger"**, puis cliquez sur **"Copier l'adresse du lien"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_c2fd712b46e7eae0fdaab1cff2693760.png) ::: :::spoiler 2. 👉Le coller avec **l'outil média audio/vidéo** de l'éditeur de texte d'une activité ou ressource d'Éléa *(détails)* :::info 1. **Dans l'éditeur de texte** d'une activité ou ressource Éléa, **insérer un média audio/vidéo**. 2. Dans l'onglet **"Vidéo"** 3. **Coller l'URL** du lien de téléchargement de la vidéo de Tubes, de Nuage, ou le lien Youtube 4. Dans les **"Options d'affichage"**, modifier la **Taille** de la vidéo, dans les "Réglages avancés", le type de lecture, dans "Sous-titres et légendes", l'insertion de sous-titres ... 5. Valider par **"INSÉRER MÉDIA"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_ad4b583b28444ad7109e99bec3d50901.png) ::: ### 🔷 Directement dans la page dans un **H5P Vidéo interactive** intégré par l'éditeur de texte :::spoiler 1. 👉Créer un **H5P "Interactive Video"** dans la **banque de contenus** d'Éléa *(détails)* :::success 1. Dans le parcours Éléa, cliquez sur **"Banque de contenus"** du menu **"Plus"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_023b07562a46731c2dbcf13addc4d7e0.png) 2. **"AJOUTER"** une activité H5P **"Interactive Video"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e7a7f56caefc0cae22e548703adefca4.png) ::: ::: spoiler 2. 👉**Ajouter le lien de téléchargement d'une vidéo** dans le H5P *(détails)* :::success 1. ✅ Dans la fenêtre "Ajouter une vidéo", en cliquant sur le "➕" ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e230f8781a9b4fdf4f48f74c4506949b.png) 2. ✅ Coller le **lien de téléchargement** de la vidéo ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_bf0f41fe4c59381345a333da17c56110.png) * ▶Pour des vidéos de Portail Tubes * Récupérer le **lien de téléchargement** de la vidéo Tubes après avoir lancé la vidéo : ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_3a38d5f0d7dc5ec12cea1eb0771fcae7.png) * ▶Pour les vidéos de Nuage * Récupérer le **lien de téléchargement** de la vidéo stockée dans Nuage (voir ci-dessus "Avec des vidéos stockées sur Nuage,") * ▶Pour les vidéos de YouTube * Récupérer le **lien de partage** de la vidéo YouTube ::: :::spoiler 3. 👉**Ajouter le H5P** dans l'éditeur de texte d'une activité ou ressource d'Éléa. *(détails)* :::info Dans l'éditeur de texte d'une activité ou ressource Éléa, avec l'outil **"Insérer H5P"**, **coller l'URL de la vidéo** puis valider par **"INSÉRER H5P"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_4d72399f744b1f7662fd76762e07a0f2.png) ::: ## ➡2. Accès à une vidéo à partir de **liens hypertextes sur du texte, ou sur une image**, directement dans une page d'une activité ou ressource Éléa ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e70502db6bafae217e67db349eb1184f.png) :::spoiler 1. 👉Récupérer le **lien de partage** *(détails)* :::warning ### 🟢 de **Portail Tubes** * Tutoriel **([4. Publier ses vidéos sur Tubes](https://codimd.apps.education.fr/s/KDtm8a_bu))** 1. **Récupérer le lien de partage** 1. Dans [Por 🟢 tail Tubes](https://tubes.apps.education.fr/), dans une instance par "Accéder", **Lancer la lecture de la vidéo** 2. Dans **"PARTAGER"**, 3. Cliquez sur **"URL"**, définir "Plus de personnalisation" si besoin, 4. **"COPY"** pour récupérer le lien de partage à utiliser dans Éléa. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_2568771b95a2be09057ed21fa8057a89.png) ### 🟢 de **Nuage** * Tutoriel **([2. Téléverser un fichier dans Nuage](https://codimd.apps.education.fr/s/ErKSzohJ4))** Sur une de vos vidéos stockées dans votre Nuage ▶ **Créer un lien de partage** **dans Nuage** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_89a7e861ecb900561f68388db9037a09.png) * Cliquer sur l'**icône "Afficher les options de partage"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_52d117238858bd8efc10bc54f67223c9.png) * Cliquer sur le **"➕"** pour créer un nouveau lien de partage, **lien copié en mémoire**. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_983a9ef22dc4e711a887043fbac1073b.png) Par défaut, le lien de partage rapide n'accepte que la **lecture** et le **téléchargement** du fichier. Il est possible d'affiner le partage en passant par "Personnaliser le lien". ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_67bd28db67c5e9ac0da247e6df3fd27e.png) ▶ **Récupérer (copier) un lien de partage déjà créé dans Nuage** **dans Nuage** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_89a7e861ecb900561f68388db9037a09.png) * Cliquer sur le chainon pour afficher les options de partage * Copier le lien public ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_6bca86ae7fe1e9ba8787a697d3de246d.png) ### 🟢 de **YouTube** 1. Récupérer le lien de partage **Bouton droit** sur la vidéo, puis sélectionner **"Copier l'URL de la vidéo"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_ac9af1a42884cfc00d54f5f3965c21e1.png) ::: :::spoiler 2. 👉**Insérer ce lien de partage** dans un lien, dans une ACTIVITE/RESSOURCE *(détails)* :::warning * **sur un texte** *(ne fonctionne qu'avec un lien Nuage)*, * **sur une image** *(fonctionne avec Portail Tubes, Nuage, YouTube)* :::info ### **Créer un lien** dans l'éditeur de texte d'Éléa 1. Dans l'éditeur de texte de l'activité ou ressource, sélectionnez le **texte**, l'**image**, du lien à créer 2. Sélectionnez l'outil **Lien** dans la barre d'outils 3. **Coller le lien de partage** de Tubes, Nuage, YouTube, dans "Saisir l'URL" Ouvrir dans une nouvelle fenêtre si besoin. 4. **CRÉER LE LIEN** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_03a066058d2bdecf80dc14baba05a34e.png) ::: ## ➡3. Lancement d'une vidéo **dans une Activité "H5P bleu"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_27ab9b42545e6fb97b9a546458d93e4a.png) :::spoiler 1. 👉Créer un **H5P "Interactive Video"** dans la **banque de contenus** d'Éléa *(détails)* :::success 1. Dans le parcours Éléa, cliquez sur **"Banque de contenus"** du menu **"Plus"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_023b07562a46731c2dbcf13addc4d7e0.png) 2. **"AJOUTER"** une activité H5P **"Interactive Video"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e7a7f56caefc0cae22e548703adefca4.png) ::: ::: spoiler 2. 👉**Ajouter le lien de téléchargement d'une vidéo** dans le H5P *(détails)* :::success 1. ✅ Dans la fenêtre "Ajouter une vidéo", en cliquant sur le "➕" ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e230f8781a9b4fdf4f48f74c4506949b.png) 2. ✅ Coller le lien de téléchargement de la vidéo ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_bf0f41fe4c59381345a333da17c56110.png) * ▶Pour des vidéos de Portail Tubes * Récupérer le **lien de téléchargement** de la vidéo Tubes après avoir lancé la vidéo : ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_3a38d5f0d7dc5ec12cea1eb0771fcae7.png) * ▶Pour les vidéos de Nuage * Récupérer le **lien de téléchargement** de la vidéo stockée dans Nuage (voir ci-dessus "Avec des vidéos stockées sur Nuage,") * ▶Pour les vidéos de YouTube * Récupérer le **lien de partage** de la vidéo YouTube ::: :::spoiler 3. 👉**Ajouter une activité H5P bleu** dans le parcours *(détails)* :::info 1. Dans le parcours, **"Ajouter une activité ou ressource"** 2. Sélectionner le **H5P bleu** 3. Sélectionner la **"Banque de contenus"** 4. **Sélectionner le H5P interactive vidéo créé précédemment** dans la banque de contenus 5. Vérifier que **"Lien vers le fichier"** est sélectionné, valider le choix par **"Sélectionner ce fichier"** 6. "**Enregistrer et revenir au cours"** en bas de page 7. **Tester l'activité H5P** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_5250bbd932c94a480cb0242dba33f4e4.png) ::: ## ➡4. Lancement d'une vidéo **dans une Ressource "URL/FICHIER"** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_8f7389b75dff1040efd34c9fa182612e.png) :::spoiler 👉 **Ajouter une Ressource URL** avec le lien de la vidéo *(détails)* :::info 1. Dans le parcours, **ajouter la ressource URL** ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_c889964a9aec1e40b507ef4e36ecb4b0.png) 2. **Coller l'URL externe de la vidéo** pour l'**Intégrer** dans le ressource URL * Lien de la vidéo pour **Tubes** * Lien de téléchargement pour **Nuage** * Lien de la vidéo pour YouTube ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_76ad9789ae4c861fb35afac7a7bf7c36.png) :::