Nous allons voir comment insérer un media externe à partir de code html, dans celui d'un article saisi dans Moodle : étiquette, page, description, etc.

    • Nous allons voir tout d'abord comment insérer le code.
    • Ensuite nous verrons quelques sites desquels obtenir ce code.
    • Enfin nous verrons le filtre Moodle d'affichage automatique d'un lecteur et comment le désactiver.

Insérer un contenu média dans un article

Supposons qu'un site vous propose d'inclure dans votre article ce code source : <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQ6WWkFUjbgNxZk9a7_EhD2XMFKrPZQamG68OgcQ-Pq4ZO5CsAh-pdpR9jI9vjktI-r6JZ-yJir5qqk/embed?start=true&amp;loop=true&amp;delayms=5000" frameborder="0" width="800" height="479" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Lorsque vous saisissez un article, vous êtes dans un éditeur, généralement celui-ci : vous pouvez étendre les outils avec l'icône 

Vous pouvez afficher le code source de votre article avec l'icône : 

Vous obtenez alors ceci :

Le plus facile est de placer votre code source obtenu d'un site de la manière suivante : après une balise </p>, et encadré des balises <p> et </p>.

Voici ce que cela donne :

Lorsque vous cliquez , vous obtenez l'affichage de votre media externe dans votre article :

Et voilà, le tour est joué !

Vous pouvez ensuite mettre en forme votre texte et tout l'article : gras, souligné, centré et tant d'autres... !

Notez que dans le code source du media externe, il y a souvent des réglages comme la taille d'affichage de ce dernier :

    • Par exemple, dans notre code inséré, il y a : delayms=5000" frameborder="0" width="800" height="479" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"
    • Il est assez simple de comprendre que : 5000 est le nombre de millisecondes d'affichage d'une diapo, 0 l'épaisseur du contour du lecteur, 800 sa largeur et 479 sa hauteur, etc.
    • Modifier ces valeurs permet de changer l'apparence et le fonctionnement du lecteur dans votre article.

Obtenir des codes sources de médias externes

Google Slide

Cliquer sur le menu "Fichier" -> "Partager" -> "Publier sur le Web".

Ensuite choisissez l'onglet "Intégrer", choisissez la taille et le délai des diapositives, et les autres paramètres disponibles, puis cliquez "Publier".

Copiez le code source obtenu et insérez le dans le code source de votre article comme vu au dessus.

Youtube

Sous la vidéo à droite, cliquez sur "Partager" -> "Intégrer".

On peut paramétrer l'instant dans la vidéo ou le lecteur va se positionner à l'affichage (par exemple pour montrer un extrait), et d'autres paramètres.

Copiez le code source obtenu et insérez le dans le code source de votre article comme vu au dessus.

Remarque sur le filtre "Plugins multimedias" de Moodle

Pour les vidéos Youtube et d'autres : vous pouvez aussi directement insérer dans un article l'URL de la vidéo, comme 

.

Moodle dispose d'un filtre qui, lorsqu'il détecte une URL Youtube, affiche directement dans votre article un petit lecteur intégré.

Si cela ne vous plait pas, vous pouvez le désactiver dans votre article de la manière suivante :

    • En mode édition, au dessus de l'éditeur, en haut de la plage, dans le menu horizontal, cliquez sur le menu "Plus" -> "Filtres"
    • Désactivez le filtre : "Plugins multimedias"  en choisissant dans le menu : "Désactivé". Puis cliquez sur "Enregistrer", puis cliquez sur "Retour..." en dessous.

Vous pouvez aussi le faire pour tout le cours, lorsque la page du cours est affichée.

Exemple :

Affiche avec le filtre activé :

Et sans  :

Modifié le: lundi 5 décembre 2022, 14:50