6. Diffuser ses vidéos sur l'UV

6.3 Cas particulier des vidéos hébergées sur YouTube Logo Youtube Play PNG transparents - StickPNG

A. Affichage automatique du lecteur > Niveau de complexité 

B. Affichage du lien uniquement > Niveau de complexité 

   

Pour les vidéos YouTube, il existe une configuration dans l'UV qui entraine l'affichage automatique sous format de lecteur, en déposant simplement le lien URL de la vidéo dans une zone texte. Certains ne souhaitent pas cet affichage automatique, c'est possible aussi d'afficher uniquement le lien. L'opération est néanmoins beaucoup plus complexe.

   

  

A. Affichage automatique du lecteur

  • Copiez le lien URL de la page YouTube (dans la barre d'adresse), ex : https://www.youtube.com/watch?v=thjo4xkJocA
  • Collez ce lien dans un champ texte à n'importe quel endroit du cours :
    • dans une ressource Zone texte (étiquette qui s'affiche directement sur la page du cours)
    • dans la description d'une activité, d'une section, d'une question, d'une zone de feedback, etc.,
    • dans une ressource Page (page web).

 Comment ajouter une ressource ou une activité... ?

- Activez le mode édition (bouton vert en haut à droite)
- Cliquez sur Ajoutez une ressource ou une activité (présent en bas de chaque section)
- Sélectionnez la ressource ou l'activité et cliquez sur Ajoutez
- La page de paramétrage s'affiche

  • Déposez le lien dans le champ texte et le sélectionnez entièrement

  • Cliquez sur le bouton Insérer un lien dans l'éditeur de texte 
  • Collez à l'URL récupérée précédemment, et cochez de préférence Ouvrir dans une nouvelle fenêtre

         puis cliquez sur Créer en bas.

   

  • Le lien apparait en bleu dans le champ texte. 

  • Enregistrer en bas de page pour voir le résultat.

   

Astuces

    • centrer le lecteur sur la page ?

Très facile : sélectionnez le lien hypertexte et cliquez sur le bouton en haut à gauche (pour développer l'éditeur), puis sur le bouton Centrer le texte 

    • donner une taille différente au lecteur ?
      • Ouvrez le code html de la zone texte 

      • Mettre de côté votre lien youtube et remplacez l'entièreté du code par celui-ci 

<p><iframe src="https://www.youtube.com/watch?v=QVWm4_mDZBk" allowfullscreen="allowfullscreen" width="786" height="470" frameborder="0"></iframe></p>

      •   N'oubliez pas d'actualiser le lien YouTube, ici en bleu, par le vôtre !

>> Vous pouvez alors gérer à votre convenance les valeurs 'width' et 'height' : adaptez les chiffres (en orange).

       

B. Affichage du lien uniquement

Comme évoqué plus haut, l'affichage du lecteur est automatique pour les vidéos YouTube.

Pour contrer cela :

  • suivez le mode d'emploi ci-dessus pour ajouter le lecteur vidéo (1. Affichage automatique du lecteur)
  • une fois terminé, retour dans les paramètres de la ressource : 

  • développez l'éditeur de texte, cliquez sur le bouton </> pour éditer le code source html

Le code apparait alors. Pour l'exemple présenté ici plus haut, voici le code qui s'affiche : 

<p><a href="https://www.youtube.com/watch?v=oxMNVRHb1mQ">https://www.youtube.com/watch?v=oxMNVRHb1mQ</a></p>

  

  • ajoutez-y les caractères inscrits en rouge exactement au même endroit c-à-d juste après la 1ʳᵉ URL :

<p><a href="https://www.youtube.com/watch?v=oxMNVRHb1mQ" class="nomediaplugin">https://www.youtube.com/watch?v=oxMNVRHb1mQ</a></p>

! conservez bien les caractères " avant et après l'URL et dans l'ajout en rouge !

  • Enregistrer en bas de page.

   

Astuces

Donner un intitulé plus convivial que le lien URL ?

  • Sélectionnez le lien entièrement

  • Cliquez sur le bouton Insérer un lien dans l'éditeur de texte 
  • Changez le 'texte à afficher' puis cliquez sur Créer en bas.

 >>> 

      

Aide

Cette manipulation n'est pas aisée si vous n'êtes pas habitué avec le code html. N'hésitez pas à nous contacter pour que nous puissions vous aider à ce niveau (uv@ulb.be).

   

  

© 2024 Université Virtuelle