📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
Tutorials › HTML Fundamentals › iframes

iframes

4 min read
iframe embeds another page inside yours. Add a title for accessibility. Use sandbox to restrict permissions from the embedded content. Add loading='lazy' for off-screen iframes. YouTube uses the /embed/videoId URL.

Embedding with iframe

<!-- Embed YouTube -->
<iframe width="560" height="315"
    src="https://www.youtube.com/embed/VIDEO_ID"
    title="Video"
    allowfullscreen>
</iframe>

<!-- Embed Google Map -->
<iframe
    src="https://www.google.com/maps/embed?pb=..."
    allowfullscreen
    loading="lazy">
</iframe>