SYNTHESE

Pour ajouter une vidéo .mp4 à votre module, procédez comme suit :

1. sélectionnez le grain dans lequel vous souhaitez ajouter la vidéo :

   

2. cliquez sur :

3. l'éditeur de liens s'ouvre :

   

4. cliquez sur :
5. le gestionnaire de fichiers s'ouvre :
6. créez un répertoire pour ranger vos TROIS fichiers liés à la vidéo mp4 (clic droit + ajouter) :
7. cliquez sur :
8. sélectionnez vos TROIS fichiers vidéos (générés par votre logiciel de vidéo lorsque vous exportez pour un site web) : FirstFrame.png, player.swf et votre fichier .mp4 (ici RuisseauZen.mp4). Attention, les noms de fichiers ne doivent comporter aucun accent, espace ou caractère spécial.
9. cliquez sur :
10. Les trois fichiers sont bien sélectionnés :
11. chargez-les sur le serveur de formation en cliquant sur la flèche verte
12. le chargement est en cours : , il dure plus ou moins longtemps, en fonction de la taille de vos fichiers
13. les fichiers apparaissent dans votre répertoire mp4 :
14. sélectionnez le fichier .png, puis double-cliquez sur son icône :
15. copiez l'URL dans le bloc-notes :
16. sortez de la fenêtre en cliquant sur :
17. puis sur :
18. recommencez avec les 2 autres fichiers ; vous avez maintenant 3 url dans le bloc-notes
19. copiez dans le bloc-notes le code source suivant (il figure dans le "bon à savoir" de cette page de formation) :
20. revenez dans votre grain, et cliquez sur :
21. vous voyez :
22. copiez le code source du bloc-notes :
23. dans ce code source, vous allez modifier SUCCESSIVEMENT les QUATRE textes surlignés en violet sur les captures d'écran suivantes ; remplacez le texte URLFICHIERPNG par l'url du fichier .png, puis URLFICHIERMP4 par l'url du fichier .mp4, puis l'URLFICHIERSWF par l'url du fichier .swf, à DEUX endroits. Vous avez donc 4 copier-coller à effectuer. ATTENTION : veillez à ne pas insérer par erreur d'espace dans l'url sinon, le code devient incompréhensible. De même, ne copiez pas ce texte dans une balise (signifiée par <, puis par >). Le plus simple est d'insérer votre vidéo à la fin de votre page, pour limiter ce type d'erreur et aussi parce que votre apprenant ne pensera pas forcément à aller chercher des informations à la suite de la vidéo.
24. Le résultat final se présente comme suit :
25. finalement, cliquez sur :
26. vous visualisez alors la zone de la vidéo :
27. contrôlez sa mise en place par un clic sur :
28. la vidéo est en place, démarrez-la en cliquant sur le bouton central :
29. La vidéo est contrôlée par une barre de lecture classique, comprenant un bouton pour lire ou faire une pause à gauche ; et à droite le contrôle du niveau sonore, l'affichage en plein écran et les durées de la vidéo (durée déjà écoulée et durée totale) :