Insérer une vidéo dans le portail
- Mathieu Janvier
Il est possible d'ajouter une vidéo dans une semaine, un thème ou un mois du plan de travail et de la diffuser aux étudiants. Les démarches ci-dessous présentent les étapes pour insérer un fichier vidéo ainsi que pour insérer une vidéo provenant de YouTube.
Voici la démarche pour ajouter la vidéo :
- Choisir la rubrique Documents dans le menu de gauche.
- Déposez la vidéo dans le répertoire approprié de la même manière que si vous déposiez tout autre type de document.
- Revenez à la page « Dépôt de documents ».
- Positionnez le curseur sur le titre de la vidéo puis cliquez sur le bouton droit de la souris.
- Sélectionnez « Copier le raccourci ».
- Retournez à la page d'accueil de portail de cours.
- Dans le plan de travail, cliquez sur l'icône vis-à-vis la semaine où vous voulez insérer la vidéo.
- Dans le champ texte, inscrivez #BOITE_VIDEO (coller le lien vers la vidéo et enlever tout ce qui précède docs/…). Il est important d'écrire BOITE_VIDEO en majuscules. Attention : si le lien est toujours cliquable, vous devez le délier en le sélectionnant et en cliquant sur l'icône .
- Enregistrez.
Voici la démarche pour ajouter une vidéo provenant de YouTube :
- Sous la vidéo YouTube, sélectionnez l'onglet « Partager ».
- Sélectionnez « Intégrer ».
- Copiez le code de la vidéo.
- Dans le plan de travail, cliquez sur l'icône vis-à-vis la semaine où vous voulez insérer la vidéo.
- Sélectionnez le mode HTML.
- Dans l'éditeur de source HTML qui s'ouvre, collez le code de la vidéo
- Cliquer sur « Ok » et enregistrer la page.
Si vous désirez sélectionner une période de temps précise à une vidéo intégrée, il faut effectuer la démarche suivante :
Vous devez prendre le lien « embed » tel que démontré ci-dessus.
Pour ce qui est du temps, il faut ajouter la ligne suivante dans le code à la fin du nom YouTube.
?rel=0&start=86 &end=106
Notez que le temps doit être en secondes (ex.: 1 minute 26 secondes = 60 + 26 = (86) et 1 minute 46 secondes = 60 + 46 = (106))
Exemple :
<iframe width="560" height="315" src="https://www.youtube.com/embed/MLOo9LV6Qhw?rel=0&start=86&end=106" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Si vous désirez retirer les suggestions vidéos à la fin, vous devrez ajouter le code ?rel=0 à la fin du lien du vidéo.
Exemple :
<iframe width="560" height="315" src="https://www.youtube.com/embed/44EcP6f-eKY?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Pour modifier la hauteur et la largeur de la boite vidéo, il suffit de changer les chiffres de « width » et « height ».
Width : Largeur
Height : Hauteur
Exemple :
<iframe width="420" height="300" src="https://www.youtube.com/embed/44EcP6f-eKY?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>