Aller au contenu principal

Intégrer une vidéo

Sur la plateforme Éléa, il est déconseillé de déposer des vidéos directement dans un parcours au risque de dépasser rapidement la taille limite du parcours fixée à 250 Mo. En effet, dépasser cette taille empêche la restauration du parcours en cas de sauvegarde.

Il est donc préférable de stocker les vidéos sur une plateforme de streaming telle que Youtube ou mieux, les plateformes institutionnelles nationales Portail Tubes ou PodEuc d'apps éducation, qui ne contiennent aucune publicité.

Dès lors, vous pourrez facilement intégrer les vidéos hébergées sur ces plateformes dédiées dans l'éditeur de texte d'Éléa. Cet éditeur "Atto" est présent dans de nombreuses ressources et activités d'Éléa : Page, Étiquette, QCM, Appariement, Test, etc...

Activez le mode édition sur votre parcours, puis éditez votre ressource ou activité.

Intégration directe à partir d'un lien​

Pour les vidéos hébergées sur PodEduc, Tubes, ou Youtube, dans l'éditeur, vous pouvez cliquer sur le bouton "Lien".

Editeur atto

Copier/coller directement le lien de la vidéo, puis cliquer sur le bouton "Créer un lien".

Lorsque vous Enregistrer votre ressource ou activité, le lien sera automatiquement converti en vidéo.

Intégration via le code "iFrame" de la vidéo​

Sur les plateformes de streaming, il est souvent possible de récupérer un code d'intégration HTML nommé iframe. Ce code ressemble à ceci <iframe src="https://podeduc.apps.education.fr/video ... </iframe>.

Sur Youtube, ce code est accessible via le bouton "Partager" situé sous la vidéo, bouton intégrer.

Editeur atto

Sur Portail Tubes et PodEduc, le code est accessible via le bouton ci-dessous.

Editeur atto

Une fois le code copié, il faut l'insérer dans l'éditeur de texte Éléa en mode HTML. Ce mode est disponible en cliquant sur le menu "Afficher" et en sélectionnant le code source <> qui permet de basculer le texte en mode HTML.

Editeur TinyMCE

Il ne vous reste qu'à coller le code iframe, puis, en rebasculant l'affichage en mode normal votre vidéo devrait apparaître dans l'éditeur de texte. En personnalisant le code HTML, il est possible de modifier la taille de la vidéo (width="560" height="315" ), de démarrer la vidéo à partir d'un temps déterminé (en ajoutant après le ? start=4s), etc.