Ajoutez des video au format .swf
Dans cette vidéo, vous allez apprendre à charger sur votre grain de formation une vidéo sous format swf.
Ce sigle signifie ShockWave Flash. Il caractérise un format de fichier lié à Adobe Flash, aujourd'hui très largement utilisé pour les animations vidéos.
Vous pouvez aussi lire le déroulement synthétique à la suite de la vidéo.
SYNTHESE
Pour ajouter une vidéo .swf à votre module, procédez comme suit :
- sélectionnez le grain dans lequel vous souhaitez ajouter la vidéo
- cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//1 lien.png)
- l'éditeur de liens s'ouvre :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//2 éditeur de lien.png)
- cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//3 explorer le serveur.png)
- le gestionnaire de fichiers s'ouvre :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//4 gestionnaire de fichiers.png)
- cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//5 fichiers.png)
- sélectionnez votre fichier vidéo .swf :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//6 choisir le fichier swf.png)
- le fichier est bien sélectionné :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//7 affichage du fichier choisi.png)
- pour charger le fichier, cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//8 charger le fichier.png)
- le fichier est en cours de chargement (marguerite orange qui tourne)
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//9 en cours de chargement.png)
- lorsque le fichier est chargé, sélectionnez-le :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//10 sélectionner fichier.png)
- puis double-cliquez sur son icône
- le lien avec son URL s'affiche, copiez cette URL dans le bloc-notes :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//11 1 copier URL.png)
- dans la fenêtre Propriété de l'image, cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//11 2 annuler lien.png)
- puis validez :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//11 3 valider l'annulation.png)
- accédez à votre bloc-notes et copiez le code source
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//12 1 code source dans bloc notes ou bon a savoir.png)
- il se trouve dans la page "Bon à savoir" de ce grain de formation ; accédez-y en cliquant sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//bon a savoir.png)
- dans le grain, cliquez sur :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//13 source.png)
- l'affichage devient (par exemple) :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//14 affichage source.png)
- positionnez le curseur à l'endroit où vous souhaitez insérer l'image. ATTENTION : vous devez vous placer en dehors des balises (texte entre < et >) sans quoi le code ne sera pas compréhensible et la manipulation ne fonctionnera pas ; pour démarrer, le plus simple est de placer votre vidéo à la fin de votre grain. Cela présente aussi l'avantage suivant : l'apprenant lorsqu'il aura visionné la vidéo, ne pensera pas forcément à voir s'il y a du texte après celle-ci.
- copiez le code source à cet endroit
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//12 1 code source dans bloc notes ou bon a savoir.png)
- voici le résultat obtenu (le code copié est surligné en violet ici) :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//16 resultat copie.png)
- maintenant, remplacez le texte URLVIDEO (surligné en violet ici)
par l'url de la vidéo que vous avez mise de côté tout à l'heure sur votre bloc-notes
- copiez l'url du bloc-notes :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//18 copie url.png)
- le résultat est (zone surlignée en violet ici) :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//19 resultat copie url.png)
- recommencez le même copier-coller pour la seconde fois. Le résultat est :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//20 resultat copie 2.png)
- ATTENTION : veillez à ne pas insérer par erreur d'espace dans l'url sinon, le code devient incompréhensible.
- finalement :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//21 enregistrer.png)
- de retour dans le grain, vous verrez la zone de la vidéo Flash :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//22 zone flash dans grain.png)
- contrôlez que la vidéo passe bien, en prévisualisant :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//23 previsualiser.png)
- cliquez sur le bouton de lancement au centre de la vidéo :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//24 previsualisation.png)
- 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) :
![](http://www.formation-creation-reprise-entreprise.com/mod_turbolead/upload/formation/logiformation/ajoutez-des-images-et-des-videos-a-votre-formation//25 barre lecteur video.png)
<< Retour