Live Preview
Ready
Enter a source URL to see the iframe preview
Status: No URL
Dimensions: -
Security: None
Generated Code
0 chars, 0 lines, 0 bytes
Basic Iframe
Responsive Iframe with CSS
Responsive Features:
- 16:9 aspect ratio maintained
- Scales with container width
- No scrollbars on mobile
- CSS-only solution
YouTube Video
<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="560" height="315"
title="YouTube video player" allowfullscreen allow="accelerometer; autoplay;
clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe> Google Maps
<iframe src="https://www.google.com/maps/embed?pb=..." width="600" height="450"
title="Google Maps" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe> CodePen Demo
<iframe src="https://codepen.io/user/embed/pen-id" width="100%" height="300"
title="CodePen Embed" scrolling="no" sandbox="allow-scripts
allow-same-origin"></iframe> Secure Website Embed
<iframe src="https://example.com" width="100%" height="600" title="Website"
loading="lazy" sandbox="allow-scripts allow-same-origin
allow-forms"></iframe> 🔒 Security Best Practices:
- Always use sandbox: Restrict iframe capabilities for security
- Set referrer policy: Control what information is shared
- Use HTTPS: Ensure secure connections
- Validate URLs: Only embed trusted content
- Set appropriate permissions: Only allow necessary features