Comment mettre des vidéos sur le wiki sans les télécharger

Supposons que l’on désire insérer une vidéo à partir de Youtube
Par exemple une vidéo pour apprendre le CSS
Sur le site de YouTube on a sélectionné
Cette vidéo
Unknown action "attacher"



Cliquons sur le bouton Partager
Le bouton Intégrer apparait
Cliquons sur le bouton Intégrer


Le code HTML d’insertion de cette vidéo apparait



Il n’y plus qu’à copier ce code:
->Clic droit de la souris
Choisir copier dans le menu contextuel qui apparait:




On a donc récupéré dans le presse-papier le code html suivant:

#B#<iframe width="560" height="315"
src="http://www.youtube.com/embed/_aRfVrZ3isw"
frameborder="0" allowfullscreen></iframe>#B#



il n'y a plus qu'à le coller entre des doubles guillemets (ne pas séparer les guillements entre eux par un blanc)au début du code et à la fin du code dans le wiki là où souhaite voir la vidéo


En fait pour centrer la vidéo on peut encore mettre le code dans une balise div (qui est un conteneur avec l'attribut align= "center"


Ce qui donne->


  • " "
<div align= "center">
" "


La balise iframe <iframe> admet les attributs suivants:
-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 )
-align="..." : deprecated. Contrôle l'alignement ( left, center, right, justify )
-height="..." : hauteur du cadre
-width="..." : largeur du cadre


On peut donc rajouter l'attribut scrolling="yes " et aussi régler la longueur (width) et la hauteur de la vidéo (height)


On pet choisir par exemple une taille un peu plus grande pour la vidéo : width="732" height="515"


  • " "
<div align= "center">
" "


En rajoutant l'attribut scrolling="yes" on veut obtenir la vidéo avec la barre de défilement et profiter de l'option plein écran

pour revenir en mode normal il suffit de cliquer sur le bouton Echap du clavier