Intégrer des éléments d'ailleurs (vidéos, pad...)
Intégrer des éléments d'ailleurs (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 à copier-coller. Ces fonctions se trouvent souvent dans leurs options "Partager" > "Intégrer",
On peut donc insérer des widgets dans nos pages, 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 une 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
- depuis 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 Vimeo ou un autre site de partage de vidéos. Choisissez votre vidéo, cliquer sur partager/intégrer et copiez le code fourni. Il 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...
Un "iframe" est conteneur, un cadre, qui constitue une fenêtre vers un autre site.
Les paramètres width (largeur) et height (hauteur) vous permettre de spécifier la taille de ce cadre.
Le code
""<iframe width=100% height="1250" src="https://cocotier.xyz" frameborder="0" allowfullscreen></iframe>""
(début du cadre iframe)
(fin du cadre 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
