Iframe Oluşturucu

Web siteniz için özelleştirilebilir iframe kodları oluşturun. YouTube videoları, haritalar ve daha fazlası için.

Temel Ayarlar

Oluşturulan HTML Kodu

💡 Kullanım İpuçları

YouTube Videoları: YouTube video URL'sini yapıştırın, otomatik olarak embed formatına çevrilecek
Responsive Tasarım: CSS class ekleyerek responsive iframe oluşturabilirsiniz
Güvenlik: Sandbox seçenekleri ile iframe güvenliğini artırın
Performans: Lazy loading ile sayfa yükleme hızını artırın

📱 Responsive CSS Örneği

.responsive-iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

Bu CSS kodunu kullanarak iframe'inizi responsive hale getirebilirsiniz.