HTML Iframe Generator
Generate
Iframe Settings
Tips: Use the Aspect Ratio Wrapper to make your iframe responsive.
Always add a
title attribute for accessibility.
Use sandbox to restrict what the embedded content can do.
Features
- Presets: Quick setup for YouTube, Google Maps, Google Forms, Google Slides, and Vimeo.
- Responsive Wrapper: Wraps the iframe in an aspect-ratio container (16:9, 4:3, 1:1).
- allow Attribute: Toggle autoplay, clipboard-write, encrypted-media, and more.
- sandbox Attribute: Restrict embedded content permissions.
- Accessibility: Title attribute field for screen readers.
- Lazy Loading: Add
loading="lazy"for performance.
How to Use
- Choose Preset: Select a preset (YouTube, Google Maps, etc.) or use Custom URL.
- Enter URL: Paste the embed URL.
- Configure: Set width, height, aspect ratio, and permissions.
- Preview: See the embedded content in the Preview tab.
- Copy: Switch to Code and copy the HTML.