AJOUTER UNE VIDÉO YOUTUBE
L'affichage d'une vidéo par le navigateur est tributaire d'une séquence de code HTML composée de 2 balises:
- Une balise <h6> qui est un titre de sixième niveau
- Une balise <iframe> qui provoque l'insertion, dans cette page, d'un "cadre" contenant un "objet" inline
L'objet en question correspond à une vidéo stockée sur Youtube. Pour modifier l'ordre des vidéos dans la page, il suffit de sélectionner puis de couper la totalité de la séquence h6 et iframe relative à une vidéo puis de la placer au bon endroit dans la page; la ligne d'astérisques indique le début de la partie de code manipulable sans risque pour les utilisateurs sans expérience particulière de l'écriture HTML.
Méthode sans récupération de code
Dans la barre d'adresse d'un navigateur, l'URL d'une vidéo Youtube se présente de cette façon:
http://www.youtube.com/watch?v=Y4jm1RI9eVM
- Le code
Y4jm1RI9eVM placé après le signe
égal désigne ou décrit l'objet vidéo;
- le
watch?v= de l'URL désigne l'action dynamique (regarder).
Pour intégrer (
embeded) cette vidéo dans une page HTML, il faut donc modifier l'action dans l'URL et remplacer "watch" par "embed":
src="http://www.youtube.com/embed/Y4jm1RI9eVM
Commentaires
Les attributs de la balise iframe
- name="..." : nom du cadre
- src="..." : source à afficher dans le cadre
-frameborder="..." : active/désacrive la bordure entre les cadres (0,1)
- marginwidth="..." : définit l'espacement horizontal dans le cadre entre la bordure et le contenu
- marginheight="..." : définit l'espacement vertical dans le cadre entre la bordure et le contenu
- scrolling="..." : détermine la présence d'une barre de défilement (auto, yes, no )
- text-align="..." : contrôle l'alignement ( left, center, right, justify )
- height="..." : hauteur du cadre
- width="..." : largeur du cadre
- allowfullscreen="..." : autorisation d'utilisation du mode plein écran (pour revenir en mode normal , cliquer sur le bouton Echap du clavier)
Méthode avec récupération du code
Partage
Cliquez sur le bouton "partager" (en dessous de la vidéo); un premier code apparaît, ce code copié peut ensuite être collé en tant que lien mais il n'intègre pas la vidéo.
Intégration
Pour intégrer la vidéo,
- cliquez sur "intégrer" (le lien grisé qui suit le lien actif "partager cette vidéo")
- copiez le code et collez le tel quel dans une page éditable du wiki à l'endroit de votre choix.
Vous pouvez, avant de copier ce code, compléter le formulaire (taille de la vidéo, etc...)
AJOUTER UNE VIDÉO DAILYMOTION
Méthode avec récupération du code
Cliquez sur <> en dessous de la vidéo
Ceci ouvre une page pop-up dans laquelle apparaît un espace "Copier le code d'intégration"
Comme dans You Tube, vous pouvez configurer la taille du lecteur, sélectionner tout le code et le coller tel quel dans une page éditable du wiki à l'endroit de votre choix.
