Insérer une vidéo - Athena

Insérer une vidéo
1. Depuis son ordinateur / sa clé USB...
•
Mode opératoire
La manipulation est identique quel que soit le format choisi.
Je rentre un texte pour "accrocher" le fichier vidéo.
Je clique sur le symbole "lien".
Dans la fenêtre du lien, je sélectionne "choisir", ce qui ouvre les dossiers du parcours dans
lequel je me trouve. Au besoin je crée un dossier spécifique pour ranger ma vidéo.
Je télécharge le fichier vidéo. Quand la mention "votre fichier a été déposé avec succès"
apparaît, je sélectionne le fichier vidéo dans la liste.
Je rentre un texte alternatif et je clique sur ok. (inutile de modifier la cible)
En basculant en mode html, il est possible de supprimer le texte qui a servi à accrocher la
vidéo, et d'apporter quelques modifications quant aux dimensions de la vidéo. (voir mode
html ci-dessous)
Voici un exemple de vidéo téléchargée depuis mon ordinateur au format ".flv", le format
conseillé sur la plate-forme :
vidéo .flv
• Autres formats acceptés:
Dans la liste ci-dessous, ces formats fonctionnent (par contre, il faut parfois un certain
délai après l'enregistrement de page pour que les vidéos s'affichent correctement).
vidéo .mpg
vidéo .mov
vidéo .avi
Anne-Cécile Franc, formatrice pour la mission
2. Depuis un autre site
•
copier /coller l'adresse de la vidéo :
Exemple : Je souhaite récupérer une vidéo de la webtv de l'académie de Versailles.
Je clique sur la vidéo qui m'intéresse sur le site de la webtv.
Dans le cadre noir à droite de la vidéo, je clique sur "copier le lien de cette vidéo".
prenons l'exemple suivant : http://webtv.ac-versailles.fr?id=640
Dans Athena, dans le texte de ma ressource, je bascule en code html.
Quand il s'agit d'une vidéo de la webtv, je colle le numéro de ma vidéo (640) dans le code
html ci-dessous, puis je colle l'intégralité du code obtenu à l'endroit où je souhaite voir
apparaître ma vidéo :
<a href="http://web.crdp.ac-versailles.fr/videotv/0640.flv?d=400x245"> </a>
(Dans le cas d'une autre vidéo, Il faudra remplacer l'adresse de la vidéo entre les
guillemets par celle de la vidéo qui vous intéresse de "http" jusqu'à "flv")
Les dimensions ?d=400x245 ici sont celles 'une vidéo au format 16/9ème...
Le reste du code indique un lien vers la vidéo choisie.
Pour visualiser le résultat, il faut ensuite enregistrer ma page. Je clique sur enregistrer et
afficher. Voici ce que donne la vidéo de la Webtv insérée avec cette méthode :
•
copier/coller un code html de la vidéo :
Prenons pour exemple le code source d'une vidéo du canal éducatif à la demande :
http://www.canal-educatif.fr/sharevideo.php?id=1
Sur la page ci-dessus, je peux trouver le code html de la vidéo "Delacroix - La liberté
guidant le peuple - Icône malgré elle". Je copie le code proposé : (en bleu ci-dessous)
<div><object width="640" height="398"><param name="movie"
value="http://www.canal-educatif.fr/playersyndic.swf"></param><param
name="FlashVars"
VALUE="video=delacroix_syndic.flv&pathvideo=art/delacroix&idvideo=1&image=http:/
/www.canaleducatif.fr/videos/art/delacroix/img/delacroix_syndic.jpg&idcourt=delacroix&urlvideo=
http://www.canal-educatif.fr/videos/art/1/delacroix/la-liberte-guidant-leAnne-Cécile Franc, formatrice pour la mission
peuple.html"><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed src="http://www.canaleducatif.fr/playersyndic.swf" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="640" height="398"
FlashVars="video=delacroix_syndic.flv&pathvideo=art/delacroix&idvideo=1&image=htt
p://www.canaleducatif.fr/videos/art/delacroix/img/delacroix_syndic.jpg&idcourt=delacroix&urlvideo=
http://www.canal-educatif.fr/videos/art/1/delacroix/la-liberte-guidant-lepeuple.html"></embed></object><br><b><a href="http://www.canaleducatif.fr/videos/art/1/delacroix/la-liberte-guidant-le-peuple.html"
style='color:black;'>Delacroix : La Liberté guidant le peuple</a></b><br /><i>Une
vidéo du <a href="http://www.canal-educatif.fr" style='color:black;'>Canal Educatif à la
Demande</a></i></div>
Je bascule l'éditeur d'Athena en mode html, et je colle le code à l'endroit où je souhaite
voir apparaître ma vidéo. J'enregistre ma page web et j'affiche le résultat.
Voici ce que donne la vidéo en question avec la manipulation indiquée :
Delacroix : La Liberté guidant le peuple
Une vidéo du Canal Educatif à la Demande
Anne-Cécile Franc, formatrice pour la mission