The iframe embedder is a great tool for legally bringing in external content to your site or learning management system.
You can combine it with other container content types such as Column or Interactive Book. This allows you to add your own questions about the embedded content.
In this example, I’ve embedded the audio from a National Public Radio (NPR) Podcast called Planet Money.
Here’s how to embed using in iframe.
Find a website that allows embedding. This might be a button with the code symbol like as shown below.
Copy the code and paste it in a word processor such as Notepad.
Only keep the parts inside the quotes after src=
So in this example:
<iframe src="https://www.npr.org/player/embed/1197954434/1202478780" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>
You only need this part:
https://www.npr.org/player/embed/1197954434/1202478780
In H5P, select iframe.
Fill out the width, minimum width and height (just use the default values if you’re not sure). Or use the suggested values in the code that was removed in the first step.
Paste the embed code in the source box.