Remove in-content iframes

Note: This project is finished!

Each of the documents listed below has at least one in-place use of the <iframe> element within it. In order to improve performance and allow us to more easily revise and correct layout in the future, we need to quickly update all of these pages to use macros instead.  This is somewhat urgent, as there is work that needs to be done by our development team that cannot begin until all of these are fixed. That's where you come in!

These are pretty easy to fix; there are three known use cases for <iframe>, and each one has a macro, as follows:

  • YouTube video: These should be replaced with the EmbedYouTube macro. This takes one or two parameters. The first is the ID of the video to play; the second is the aspect ratio to use (either “4:3” or “16:9”; the latter is the default if you don’t specify one). For a video whose URL is https://www.youtube.com/embed/G4FnzvLr_ak, the ID is “G4FnzvLr_ak”.
  • Live sample: These should already be using EmbedLiveSample or one of its derivatives that are particular to a given area of MDN (the Firefox OS building blocks area, for instance). See Using the live sample system for details.
  • JSFiddle embed: We don’t really encourage these yet since we’re still finalizing our plans for how to work with JSFiddle; however, if you see any places that do embed JSFiddle, they need to be updated to use the JSFiddleEmbed macro. The first parameter is the URL of the fiddle (without "embed/" at the end, which is common mistake). The second will be used to specify which tabs the fiddle should display; this is a string that can be empty ("") or any combination of "js", "css", "html", and "redirect". The third parameter indicates the height, in pixels, to make the fiddle box. Its width will always span the whole width of its container (usually the page).

Making these changes will require going into source mode in the editor; see Using source mode in the MDN editor for details on how to do this safely.

When you’re done checking (and updating, if necessary) each page, strike it through with S on the list.

Note: It's possible that there are false positives in this list; don't panic if you look through the source for a page and don't see any <iframe>s!

If you find an article using <iframe>s for something other than the above, please post on the MDN discussion forum or ask on #mdn on IRC to get help figuring out how to handle it.

Thanks so much for your help!

Update: We finished a first pass through the list, but a few pages had multiple <iframe>s and occasionally people missed some. So here's an updated list! Let's take 'em out!

  1. /zh-CN/Firefox_OS/Screencast_series:_App_Basics_for_Firefox_OS
  2. /ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML
  3. /ru/docs/Web/Apps/Quickstart/Build/Your_first_app leads 404
  4. /pt-BR/docs/Web/HTML/Element/iframe false positive
  5. /zh-TW/docs/Mozilla/Marketplace/Monetization/Profiting_from_your_app
  6. /ru/docs/Web/Apps/Reference leads 404
  7. /it/docs/Web/Apps/Quickstart/Build/Intro_to_Firefox_OS leads 404
  8. /de/docs/Web/Apps/Quickstart/Build/deine_erste_app leads 404
  9. /bn-BD/docs/Web/Apps/Quickstart/Build/Your_first_app leads 404
  10. /ko/docs/Web/Apps/Quickstart/Build/Intro_to_Firefox_OS leads 404
  11. /bn-BD/docs/Web/Apps/Quickstart/Build/%E0%A6%93%E0%A6%AA%E0%A7%87%E0%A6%A8_%E0%A6%93%E0%A7%9F%E0%A7%87%E0%A6%AC_%E0%A6%85%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%AA_%E0%A6%AA%E0%A6%B0%E0%A6%BF%E0%A6%9A%E0%A6%BF%E0%A6%A4%E0%A6%BF leads 404
  12. /nl/docs/Web/Apps/Quickstart/Build/Je_eerste_app leads 404
  13. /id/docs/Web/Apps/Quickstart/Build/aplikasi_pertama_kamu leads 404
  14. /de/docs/Web/Apps/Quickstart/Build/Einfuerung_zu_Firefox_OS leads 404
  15. /it/docs/Web/Apps/Quickstart/Build/Intro_app_web_aperte leads 404
  16. /pt-BR/docs/Web/Apps/Quickstart/Build/meu_primeiro_app leads 404
  17. /pt-BR/docs/Web/Apps/Quickstart/Build/Intro_to_open_web_apps leads 404
  18. /ko/docs/Web/Apps/Quickstart/Build/Intro_to_open_web_apps leads 404
  19. /it/docs/Web/Apps/Quickstart/Build/La_tua_prima_app leads 404
  20. /de/docs/Web/JavaScript/Closures
  21. /zh-CN/docs/Web/JavaScript/Guide/Closures
  22. /en-US/docs/Web/JavaScript/Closures

Document Tags and Contributors

 Contributors to this page: jswisher, fscholz, Sheppy, maybe, jsx, bassam, SphinxKnight, trevorh, teoli, wbamberg
 Last updated by: jswisher,