Le but est ici d'afficher une vidéo dans un billet de votre blog.
Deux cas sont à distinguer :
- la vidéo est déjà en ligne sur un site de partage
- la vidéo est par exemple une production « maison » et vous disposez du fichier vidéo qui n'est pas en ligne
1. Premier cas : la vidéo est déjà en ligne sur un site de partage
Utiliser le bouton oE (fonctionne pour les billets xhtml ou wiki)
Ce bouton dans l'éditeur de texte permet très facilement d'afficher des vidéos, audios ou contenus riches issus de sites compatibles oembed : vidéos de la ScolaWebTV, Dailymotion, Vimeo, Youtube, etc. Tweets, ressources pédagogique de Learning app, etc.).
Il suffit de coller l'url de la page de la vidéo. La vidéo s'affiche alors dans le contenu de votre billet.
Exemple :
Autre possibilité : utiliser le code « iframe » ou « embed »
Les sites de partage de vidéos (comme youtube ou dailymotion) propose un « lecteur exportable » sous la forme d'un morceau de code html. La ScolaWebTV de l'académie de Versailles propose aussi cette fonctionnalité.
Dans tous ce cas, il est plus simple d'utiliser le format Wiki pour votre billet (voir l'option à droite dans la page de création/modification d'un billet). On commence donc par créer un billet au format Wiki. Bien sûr on complète le titre du billet.
- Copier le code html fourni par le site de partage
- Dans le contenu de votre billet, coller le code entre les balises :
///html
et
///
Terminer la rédaction du billet, enregistrer et voir le résultat.
Exemple 1 : (vidéo de Dailymotion)
TICE et EPS par crdpversailles
Exemple 2 : (vidéo de la Webtv Restauration)
Cette technique dans les billets Wiki permet facilement d'intégrer du code html.
Second cas : la vidéo n'est pas encore en ligne
La ScolaWebTV du CRDP de l'académie de Versailles permet la mise en ligne et l'encodage de votre vidéo (vous retrouvez alors le premier cas). Si vous préférez néanmoins gérer vous même l'encodage et placer la vidéo sur votre blog, voici comment faire.
Vous disposez d'un fichier vidéo. Pour l'afficher sur votre blog, la vidéo doit être au format mp4 (d'autres formats sont possibles) et il faut donc l'encoder dans ce format si besoin.
Assurez-vous qu'il n'y ait pas de problème de droit d'auteur sur cette vidéo.
- Placer la vidéo dans votre gestionnaire de médias (la taille limite est de 25 Mo)
Deux possibilités sont alors offertes :
Vidéo en document joint
- Joindre le fichier à votre billet (cliquer sur Ajouter un fichier au billet). C'est tout. Publier le billet.
La vidéo s'affichera alors en bas du billet.
Vidéo placée dans le texte
Si vous souhaitez placer la vidéo à l'endroit souhaité dans le texte du billet : Votre billet doit être au format « Wiki » (réglage à droite dans la page de modification du billet)/
- Cliquer sur « sélecteur de médias » (bouton de la barre du contenu)
- Sélectionner le fichier (en cliquant sur le « + » bleu et se laisser guider)
Exemple 4 : (vidéo de la Webtv Restauration)
une réaction
1 De Philippe - 13/04/2011, 19:26
LOL Merci pour ce tutoriel qui m'aidera dans mes prochains travaux sur le blog de la classe.
Si je peux ajouter une information à propos du fichier vidéo, qu'il faut encoder (format flv ...mp4 ...). J'ai été amené à le faire à partir de vidéo prise sur un appareil photos numériques (la vidéo sort en format quick time).
J'ai utilisé le logiciel gratuit et simple d'utilisation : "free vidéo converter" que vous pouvez vous procurer facilement (licence démonstration ...).
A tous , bon travail sur vos blogs !!!