Insérer une vidéo dans le portail


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.

 FICHIER VIDÉO

Voici la démarche pour ajouter la vidéo :

  1. Choisir la rubrique Documents dans le menu de gauche.
  2. 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.
  3. Revenez à la page « Dépôt de documents ».
  4. Positionnez le curseur sur le titre de la vidéo puis cliquez sur le bouton droit de la souris.
  5. Sélectionnez « Copier le raccourci ».

  6. Retournez à la page d'accueil de portail de cours.

  7. Dans le plan de travail, cliquez sur l'icône  vis-à-vis la semaine où vous voulez insérer la vidéo.

  8. 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 .

  9. Enregistrez.

 VIDÉO YOUTUBE

Voici la démarche pour ajouter une vidéo provenant de YouTube :

 

  1. Sous la vidéo YouTube, sélectionnez l'onglet « Partager ».
  2. Sélectionnez « Intégrer ».
  3. Copiez le code de la vidéo.
  4. Dans le plan de travail, cliquez sur l'icône  vis-à-vis la semaine où vous voulez insérer la vidéo.
  5. Sélectionnez le mode HTML.






  6. Dans l'éditeur de source HTML qui s'ouvre, collez le code de la vidéo
  7. 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&amp;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>