Intégrer des éléments d'ailleurs (vidéos, pad...)


Pour insérer des widgets

Un widget est un petit module qui permet d'embarquer et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.
On peut donc insérer des widgets, grâce à leur code html. Il suffit pour cela récupérer les bouts de codes qui vous sont proposés par des sites tiers et de les incorporer dans votre page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""


Pour insérer un pad sur une page du wiki
  • sur votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe name='embed_readwrite' src='http://pad.coop-tic.eu/p/testIframe?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400></iframe>""



Pour insérer une vidéo sur une page du wiki
  • aller sur youtube ou viméo ou un autre site de vidéo.Choisissez votre vidéo, cliquer sur partager/intégrer et copier le code qui devrait commencer par <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""



Pour insérer un iframe : en gros une partie d'un autre site...
""<iframe width=100% height="1250" src="http://outils-reseaux.org/" frameborder="0" allowfullscreen></iframe>""




Astuce pour rendre redimensionnable la largeur de certaines iframes

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



 documentation facile videos widget