Insérer une vidéo dans une page de cours

Insérer une vidéo dans une page de cours
L’insertion d’une vidéo dans un cours se réalise en plusieurs étapes :
1. Préparer votre vidéo pour une mise en ligne
2. Identifier l’élément de votre cours dans lequel vous souhaitez insérer la vidéo
3. Insérer la vidéo
1. Préparer votre vidéo pour une mise en ligne
Vidéo et espace disponible dans votre cours
La première question à se poser est lié au stockage, une vidéo peut occuper
beaucoup d’espace et la place disponible pour un cours est limitée à 1Go.
Une vidéo de 1h30 risque d’occuper la totalité de cet espace.
Pour contourner cette restriction vous avez la possibilité d’utiliser le serveur de
podcast d’AgroParisTech : vous affichez dans votre cours une vidéo qui est stockée
à part, sur un serveur dédié.
Compatibilité de votre vidéo avec le media internet
Pour être diffusée sur internet, votre vidéo doit être encodée dans un format adapté.
La question se pose principalement dans le cas où la vidéo est enregistrée sur votre
ordinateur (ou sur une clé USB par exemple). Avant de l’insérer dans une page de
cours reportez-vous à cette liste des formats autorisés :
mp4 | wmv | flv (codec H.264)
Si la vidéo provient du serveur de podcast, vous n’aurez pas à vous préoccuper de
cet aspect : toutes les vidéos hébergées sur ce serveur sont compatibles avec
internet.
Les informations à recueillir pour insérer une vidéo dans une page de cours
Pour afficher correctement une vidéo dans une page de cours il faut :


extraire une vignette représentative, c’est sur cette image que le visiteur clique
pour démarrer la lecture de la vidéo.
noter sa résolution (la largeur et la hauteur) pour que votre vidéo s’affiche
dans les bonnes proportions.
Suivant la provenance de la vidéo cette opération prend plus ou moins de temps.
a) La vidéo est sur le portail de podcast d’AgroParisTech
Pour envoyer votre vidéo sur le serveur de podcast, contactez les administrateurs du
portail [email protected]
Sur www.agroparistech.fr/podcast, rendez-vous sur la page de la vidéo que vous
souhaitez insérer.
1. Cliquez sur le bouton « Partager la vidéo » qui se trouve sous la vidéo
2. Récupérez, dans le cadre qui apparait, les adresses de la vidéo et de sa
vignette. Notez aussi la taille (résolution) de la vidéo, qui est exprimée sous la
forme : largeur x hauteur
b) La vidéo à insérer est sur votre ordinateur
Pour obtenir les caractéristiques techniques de votre vidéo et préparer une vignette
nous allons utiliser le lecteur multimédia gratuit VideoLan – VLC (Windows, Mac et
GNU/Linux). Si ce lecteur n’est pas présent sur votre ordinateur, vous pouvez le
télécharger sur son site officiel : http://www.videolan.org/vlc/
1. Ouvrir la vidéo avec le lecteur VLC
2. Recueillir les caractéristiques techniques de la vidéo
a. Dans le menu « Outils » cliquez sur « Informations sur les codecs »
b. Vérifier que le format figure dans la liste des formats autorisés:
mp4 | wmv | flv (codec H.264)
c. Noter la résolution de la vidéo puis fermez la fenêtre.
3. Préparer une vignette avec l’outil de capture d’écran de VLC
a. Cliquer sur le bouton lecture et mettre en pause à l’instant voulu
b. Dans le menu « Vidéo » cliquez sur « Prendre une capture d’écran »
c. L’image est enregistrée par défaut dans le répertoire « Images »
2. Choisir l’emplacement de la vidéo dans le cours
Maintenant que votre vidéo est prête pour une mise en ligne, il faut déterminer où
vous souhaitez l’insérer.
1. Se rendre sur la plateforme de cours en ligne d’AgroParisTech et se connecter
avec ses identifiants (LDAP) AgroParisTech.
2. Sélectionnez le cours dans lequel vous voulez ajouter une vidéo et cliquez
dessus, afin de vous y rendre.
3. Choisir l’élément dans lequel vous souhaitez insérer la vidéo.
Vous avez plusieurs possibilités : la page de présentation du cours, une
nouvelle page, une page existante, un quizz, un blog, …
4. Que cela soit pour un quiz, une page, ou un blog, le principe reste le même :
cliquez jusqu’à arriver sur la page d’édition/modification de l’élément dans
lequel vous allez insérer la vidéo.
5. Pour pouvoir intégrer une vidéo il faut retrouver dans la barre d’édition de
contenu le bouton « Vidéo player »
3. Insérer une vidéo
a) La vidéo est sur le serveur de podcast (recommandé)
Récupérez les informations relatives à la vidéo (cf. point 1.a du tutoriel)
Pour insérer la vidéo, cliquez le bouton « Insertion Vidéo » de la barre d’édition de
contenu
1. Copiez/collez l’adresse de la vidéo dans le champ du formulaire « Source
vidéo »
2. Indiquez la largeur et la hauteur de la vidéo dans le champ du formulaire
3. Copiez/collez l’adresse de la vignette dans le champ du formulaire « Poster
image »
4. Cliquez sur le bouton « OK »
La vidéo est insérée, à ce stade vous ne pouvez pas la tester. Il faut enregistrer les
modifications apportées au contenu de la page en cliquant sur le bouton « Valider ».
b) La vidéo est sur votre ordinateur
Assurez-vous d’avoir effectué le travail préparatoire décrit dans le point 1.b
Pour insérer la vidéo, cliquez le bouton « Vidéo player » de la barre d’édition de
contenu.
1. Cliquez sur l’onglet « Choisissez un fichier » de la fenêtre « Vidéo player » et
sélectionnez la vidéo sur votre ordinateur.
2. Cliquez sur le bouton « Envoyer sur le serveur », en fonction de la taille de la
vidéo cette opération prendra plus ou moins de temps.
3. Reporter les dimensions de la vidéo dans les champs « Largeur » et
« Hauteur ».
4. Cliquez sur le bouton « Explorer le serveur » du champ « Poster Image » pour
choisir la vignette de votre vidéo
4.1. Cliquez sur le bouton « Envoyer », sélectionnez la vignette sur votre
ordinateur.
4.2. La vignette apparait dans le répertoire « Image » du cours. Cliquez dessus
pour la sélectionner.
4.3. Cliquez sur le bouton « Insérer » (ou double clic sur la vignette).
5. Cliquez sur le bouton « Ok » pour finaliser l’insertion de la vidéo.
La vidéo est insérée, à ce stade vous ne pouvez pas la tester. Il faut enregistrer les
modifications apportées au contenu de la page en cliquant sur le bouton « Valider »
en bas de la page.
Remarque
Pour modifier les propriétés d’un vidéo déjà insérée, il faut sélectionner la vidéo dans
la zone d’édition et cliquer sur le bouton « Vidéo player ».