Iframe Wordpress académie Besançon

A NOTER - Pré-requis :

* activer l'extension iframe


* insérer les codes proposés en mode TEXTE dans les pages ou articles


* ne fonctionne pas dans les widgets

* ne fonctionne que si le site est en https, on ne peut intégrer que des iframe en https


* on peut aussi utiliser : http://wordpressfacile.free.fr/index.php


Genially

  • lien : https://view.genial.ly/60e808da40f9870dcbb23a55/interactive-content-presentation-projet-oral-3e
  • code (embed) : <div style="width: 100%;"><div style="position: relative; padding-bottom: 50%; padding-top: 0; height: 0;"><iframe frameborder="0" width="1600px" height="800px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/60e808da40f9870dcbb23a55" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>
  • code à insérer (mode texte) : [iframe src="https://view.genial.ly/60e808da40f9870dcbb23a55" frameborder="0" width="100%" height="500"]


PDF

  • le lien : https://documentation.ac-besancon.fr/wp-content/uploads/sites/70/2022/05/4-Définition-des-contraintes-et-des-ressources.pdf
  • le code (embed) proposé par le site : aucun
  • code à insérer (mode texte) : [[iframe src="https://documentation.ac-besancon.fr/wp-content/uploads/sites/70/2022/05/4-Définition-des-contraintes-et-des-ressources.pdf" width="600" height="800"]


Digipad > La Digitale

  • lien : https://digipad.app/p/139779/e856d6c9f485a
  • code (embed) :
  • code à insérer (mode texte) : [iframe src="https://digipad.app/p/139779/e856d6c9f485a" frameborder="0" width="100%" height="500"]


Peertube > Apps.education.fr

  • le lien : https://tube-numerique-educatif.apps.education.fr/w/q375HuyifbM9HfHwQ7WNik?start=0s
  • le code (embed) proposé par le site : <iframe title="Pix_Connexion_eleve_par_ENT" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/c2a69028-3b0d-47de-a6e2-e1dcb0f22b35" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
  • code à insérer (mode texte) : [iframe title="Pix_Connexion_eleve_par_ENT" src="https://tube-numerique-educatif.apps.education.fr/videos/embed/c2a69028-3b0d-47de-a6e2-e1dcb0f22b35" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"]


PodEduc > Apps.education.fr

  • le lien : https://podeduc.apps.education.fr/video/0571-ted-i-1-la-telepresencemp4/
  • le code (embed) proposé par le site : <iframe src="https://podeduc.apps.education.fr/video/0571-ted-i-1-la-telepresencemp4/?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen ></iframe>
  • code à insérer (mode texte) : [iframe src="https://podeduc.apps.education.fr/video/0571-ted-i-1-la-telepresencemp4/?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen]


Padlet

  • lien : https://padlet.com/marion_bazeaud1/l4nr6mma0fyp3m6i
  • code (embed) proposé par le site : <div class="padlet-embed" style="border:1px solid rgba(0,0,0,0.1);border-radius:2px;box-sizing:border-box;overflow:hidden;position:relative;width:100%;background:#F4F4F4"><p style="padding:0;margin:0"><iframe src="https://padlet.com/embed/l4nr6mma0fyp3m6i" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"></iframe></p><div style="padding:8px;text-align:right;margin:0;"><a href="https://padlet.com?ref=embed" style="padding:0;margin:0;border:none;display:block;line-height:1;height:16px" target="_blank"><img src="https://padlet.net/embeds/made_with_padlet.png" width="86" height="16" style="padding:0;margin:0;background:none;border:none;display:inline;box-shadow:none" alt="Fait avec Padlet"></a></div></div>
  • code à insérer (mode texte) : [iframe src="https://padlet.com/embed/l4nr6mma0fyp3m6i" frameborder="0" allow="camera;microphone;geolocation" style="width:100%;height:608px;display:block;padding:0;margin:0"]


Madmagz

  • lien : https://madmagz.com/fr/magazine/2000589
  • code (embed) proposé par le site : <iframe src="https://madmagz.com/fr/magazine/embed/2000589?layout=2&width=1100" width="1100" height="777" scrolling="no" frameborder="0" allowfullscreen></iframe>
  • code à insérer (mode texte) : [iframe src="https://madmagz.com/fr/magazine/embed/2000589?layout=2&width=1100" width="1100" height="777" scrolling="no" frameborder="0" allowfullscreen>]


Powtoon

  • lien : https://www.powtoon.com/online-presentation/fYc6nFwnufF/?mode=movie&published_from=studio
  • code (embed) proposé par le site :
  • code à insérer (mode texte) : [iframe width="560" height="315" src="https://www.powtoon.com/embed/fYc6nFwnufF/" title="Explique à ton prof : Tiktok" frameborder="0"]


Youtube

  • lien : https://www.youtube.com/watch?v=cnyn3Nykwoo&t=3s
  • code (embed) proposé par le site : <iframe width="560" height="315" src="https://www.youtube.com/embed/cnyn3Nykwoo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  • code à insérer (mode texte) : [iframe width="560" height="315" src="https://www.youtube.com/embed/cnyn3Nykwoo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen]


avatar for Stephane

Stephane Fontaine

Nombre d'articles: 2

Voir tous les articles
Tags
Nombre de lectures : 9