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

""<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
""<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="https://cocotier.xyz" 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 :

Quelques exemples en vidéo

{ {attach file="iconvideo.png" desc="image iconvideo.png (1.8kB)" size="original" class="left original"}}Intégrer une vidéo youtube dans yeswiki
{ {attach file="iconvideo.png" desc="image iconvideo.png (1.8kB)" size="original" class="left original"}} Intégrer un pdf avec scribd
{ {attach file="iconvideo.png" desc="image iconvideo.png (1.8kB)" size="original" class="left original"}}Intégrer un diaporama google
{ {attach file="iconvideo.png" desc="image iconvideo.png (1.8kB)" size="original" class="left original"}}Intégrer une galerie picasa
{ {attach file="iconvideo.png" desc="image iconvideo.png (1.8kB)" size="original" class="left original"}}Intégrer une carte google


{ {attach file="logo.png" desc="image logo.png (43.8kB)" size="original" class="left"}}