Learn How to Embed YouTube, Maps, and iFrames

Bring your web pages to life by embedding videos, maps, and other web content directly into HTML.

What Is an <iframe>?

An iframe (inline frame) lets you embed another web page inside your page. It’s commonly used for videos, maps, forms, or external tools.

Embedding a YouTube Video

YouTube provides an embed code you can paste into your HTML.

• Add allowfullscreen for full-screen viewing
• Use the /embed/ URL format

Embedding a Google Map

You can embed a map directly from Google Maps:

1. Open any location on Google Maps
2. Click Share → Embed a map
3. Copy the <iframe> code and paste it into your HTML

Responsive iFrame Example

Make iframes scale automatically with screen size:

• Maintains aspect ratio (16:9)
• Fits any screen size

Security Tip

Add the sandbox attribute to limit what embedded content can do:

You can also control permissions like: