Une page a été trouvée avec le mot clé videos.

Intégrer des éléments externes
(vidéos, pad...)


Pour insérer des widgets

Un widget est un petit module qui permet à une page d'embarquer (encapsuler, intégrer... "embed" en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.
Ces sites proposent d'afficher ces contenus ailleurs que "chez eux", en fournissant un morceau de code html à copier-coller, qui se trouvent souvent dans leurs options "Partager" > "Intégrer". Il suffit de récupérer ces bouts de codes et de les incorporer dans une page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""

Insérer un pad

  • depuis votre pad, cliquer sur le bouton "partager" (1) en haut à droite du pad et copier le code <iframe> (2)
  • coller ce code là où vous le souhaitez dans votre wiki (sans oublier les doubles guillemets avant et après le code)
image integrer_element_pad1.png (51.5kB)
image integrer_element_pad2.png (0.2MB)

Insérer une vidéo

ou
  • Choisissez votre vidéo sur votre site de partage de vidéos, cliquer sur partager/intégrer et copiez le code fourni commençant par <iframe>
  • coller ce code là où vous le souhaitez dans votre wiki (sans oublier les doubles guillemets avant et après le code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""



Changer la taille de la fenêtre

Dans le bout de code à copier-coller, les paramètres width (largeur) et height (hauteur) permettent de spécifier la taille de ce cadre.

Le code
""<iframe width=100% height="1250" src="https://cocotier.xyz/?PagePrincipale/iframe" frameborder="0" allowfullscreen></iframe>""
affiche ci-dessous la page d'accueil de cocotier.xyz dans un cadre de 100% de la largeur disponible sur 1250 pixels de hauteur (ne pas oublier le /iframe lors de l'inclusion de liens vers un YesWiki):

(début du cadre iframe - nb : pour enlever le cadre noir mettre frameborder="no")

(fin du cadre iframe)

Astuces !!!

  • L'insertion iframe peut configurer sa longueur automatiquement via la class class="auto-resize" (mais la largeur doit toujours etre ajoutée)
  • Pour un wiki dont la page s'adapte à la taille de la fenêtre (quand on n'est pas en plein écran), on peut vouloir que la largeur de certaines iframe s'adapte de même. Pour cela on ne met pas de valeur numérique pour le width ou bien on remplace par width="100%" overflow="auto"

Quelques exemples en vidéo

image iconvideo.png (1.8kB)
Intégrer une vidéo youtube dans yeswiki
image iconvideo.png (1.8kB)
Intégrer un pdf avec scribd
image iconvideo.png (1.8kB)
Intégrer un diaporama google
image iconvideo.png (1.8kB)
Intégrer une galerie picasa
image iconvideo.png (1.8kB)
Intégrer une carte google


Filtrer :   pdf  A améliorer  A relire  Ã©dition  action  brother Printer Support  Call Girls Service in Chennai  code  Développement  dell printer support  Demandé  documentation  doryphore  droits utilisateurs  extension  facile  fichiers  flo  github  groupes  hp printer support  identification  insertion  intermédiaire  interopérabilité  liens  lms  menus  mise en forme  modification  mots de passe  Newsletter  notifications  obsolète  pages  pages spéciales  php  pieds de page  prob d'interprétation  publication  restauration  rss  securité  sémantique  serveur  spam  sprint  style  template  thèmes  todo  twig  versions  videos  widget