Comment partager une vidéo sur un site web CHM?

Transcription

1 Comment partager une vidéo sur un site web CHM? Il se peut que vous vouliez partager des vidéos de rencontres, de projets de sensibilisation, ou autre sur votre site web CHM. Attention, les vidéos doivent être de bonne qualité, au niveau de l'image et du son ainsi que d'une durée raisonnable (moins de 10 minutes) pour que ça reste agréable à regarder par le visiteur du site. Poster une vidéo sur un site CHM est simple à effectuer et se fera en deux temps : Poster la vidéo sur une plate-forme en ligne dédiée au partage de vidéos (Youtube par exemple) Mettre le lien vers la vidéo dans une page web du CHM. 1. Poster la vidéo sur Youtube ou une autre plate-forme de partage de vidéos. Pour cela, il faut que vous ayez un compte gmail. Vous devez alors vous connecter à gmail puis vous rendre dans Youtube ( Une fois dans Youtube, en haut à droite de la page, vous devez cliquer sur le bouton "Mettre en ligne" (voir figure 1). Figure 1 : Bouton "Mettre en ligne". 1

2 Une nouvelle page s'ouvre (figure 2). Figure 2 : Page pour télécharger le fichier vidéo à importer sur Youtube. Vous devez alors cliquer sur le logo. Cela ouvre alors l'explorateur de fichier de votre ordinateur et vous permettra de retrouver la vidéo sur votre ordinateur (Il faut bien sûr que la vidéo soit déjà enregistrée quelque part sur votre ordinateur!) comme vu sur la figure 3. Figure 3 : Explorateur de fichier pour retrouver la vidéo à télécharger. 2

3 Une fois la vidéo trouvée sur votre ordinateur, il ne vous reste qu'à cliquer sur Ouvrir. Le téléchargement de la vidéo se fera automatiquement (figure 4). Figure 4 : Page d'information sur la vidéo en cours de téléchargement. Vous devrez alors renseigner tous les champs de métadonnées de la vidéo (voir figure 5). Il s'agit des champs : Titre, Description, Tags (= mots clés) et le menu déroulant "Catégorie" (on vous conseille de choisir "Science et technologie" faute de mieux...) Figure 5 : Les champs de métadonnées à remplir. 3

4 Une fois tous les champs de métadonnées remplis, vous devez vérifier que la vidéo a bien été téléchargée : un message automatique vous informe de cela (voir figure 6). Figure 6 : La vidéo a bien été mise en ligne sur Youtube. Vous pouvez aussi choisir la vignette miniature qui représentera votre vidéo sur Youtube parmi les propositions (figure 7). Figure 7 : Choix de la miniature. Pour finir, il suffit de cliquer sur le bouton "Enregistrer les modifications" (voir figure 8). 4

5 Figure 8 : Enregistrer les modifications. Vous pouvez maintenant quitter le formulaire d'ajout de la vidéo en quittant sur le bouton "Gestionnaire de vidéos" (figure 9). 5

6 Figure 9 : Quitter le formulaire de mise en ligne de la vidéo. Vous pourrez alors constater que votre vidéo a bien été ajoutée (figure 10). Figure 10 : La vidéo a bien été mise en ligne. La première étape de ce manuel est terminée. 6

7 2. Intégrer la vidéo dans une page web du site CHM. Vous devez naturellement vous rendre sur votre site web CHM et vous y connecter. Puis vous devez créer une nouvelle page web. Il faut bien entendu remplir les différents champs de métadonnées de la page web (voir figure 11). Vous pouvez réutiliser les mêmes informations que pour les champs de métadonnées de la vidéo sur Youtube! Figure 11 : Formulaire de soumission de la page web. L'étape suivant consiste à retourner dans votre compte personnel Youtube. Vous devez vous rendre dans vos vidéos mises en ligne et cliquer sur celle que vous souhaitez partager sur votre site CHM pour l'ouvrir. Une fois la vidéo ouverte, vous devez faire un clic sur le bouton droit de votre souris et sélectionner "Copier le code HTML intégré" (voir figure 12). 7

8 Figure 12 : Récupérer le code HTML de la vidéo. Le code HTML de la vidéo apparait dans une petite fenêtre (figure 13) : vous devez le copier en cliquant dessus puis "Ctrl + C". Figure 13 : Récupération du code HTML. 8

9 Vous devez ensuite retourner au formulaire de soumission de la page web sur le PTK. Allez dans le champ "Corps (HTML)" et cliquez sur le bouton "HTML" (figure 14). Figure 14 : Allez dans "Corps" et cliquez sur "HTML" Une nouvelle fenêtre va s'ouvrir, vous devrez alors y coller le code HTML de votre vidéo (voir figure 15). 9

10 Figure 15 : Coller le code HTML de la vidéo. Ensuite, il suffit de cliquer sur le bouton vert "Mettre à jour" et vous verrez que la vidéo a bien été intégrée dans le corps de la page web (figure 16). 10

11 Figure 16 : La vidéo a bien été intégrée dans le Corps de la page web. Il ne vous reste plus qu'à cliquer sur le bouton "Soumettre" en bas du formulaire de la page web. Le résultat sera une page web avec une vidéo intégrée comme vous pouvez le voir sur la figure 17. Figure 17 : La page web finale avec la vidéo intégrée. Ce manuel est terminé! 11