Gömülü İçerik
Gömülü içerik, HTML sayfalarına video, ses veya başka web içeriklerini eklemek için kullanılan bir yöntemdir. HTML’nin sağladığı bazı etiketler ve öznitelikler kullanılarak bu gömülü içerikler sayfaya eklenir.
Video Gömülmesi
Video içeriği, HTML5 <video> etiketi kullanılarak bir web sayfasına gömülebilir. <video> etiketi, bir veya birden fazla video kaynağını ve video oynatıcısının kontrol düğmelerini içerir.
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>Yukarıdaki örnekte, <video> etiketi ile video gömülmesi gerçekleştirilmiştir. width ve height öznitelikleri ile video boyutu belirtilirken, <source> etiketi ile video kaynakları belirtilmiştir. Tarayıcı, desteklediği video formatını otomatik olarak seçer ve gösterir. Kontrol düğmeleri için controls özniteliği kullanılır ve video oynatıcısının altında görüntülenir.
Ses Gömülmesi
Ses içeriği, HTML5 <audio> etiketi kullanılarak bir web sayfasına gömülebilir. <audio> etiketi, bir veya birden fazla ses kaynağını ve ses oynatıcısının kontrol düğmelerini içerir.
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>Yukarıdaki örnekte, <audio> etiketi ile ses gömülmesi gerçekleştirilmiştir. <source> etiketi ile ses kaynakları belirtilmiştir. Tarayıcı, desteklediği ses formatını otomatik olarak seçer ve gösterir. Kontrol düğmeleri için controls özniteliği kullanılır ve ses oynatıcısının altında görüntülenir.
Iframe Gömülmesi
Iframe, başka bir web sayfasını mevcut web sayfasına gömmek için kullanılan bir HTML etiketidir. <iframe> etiketi, belirtilen URL'yi yükler ve içeriği mevcut sayfada görüntüler.
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="560" height="315" frameborder="0" allowfullscreen></iframe>Yukarıdaki örnekte, <iframe> etiketi ile iframe gömülmesi gerçekleştirilmiştir. src özniteliği ile gömülecek içeriğin URL'si belirtilir. width ve height öznitelikleri ile iframe boyutu belirlenir. frameborder özniteliği çerçeve kenarlığını kontrol ederken, allowfullscreen özniteliği iframe'in tam ekran modunu etkinleştirir.
Gömülü içerikler, web sayfalarına interaktiflik ve zenginlik katar. Video, ses veya iframe gibi içerikler, kullanıcıların daha etkileşimli bir deneyim yaşamasını sağlar. HTML etiketleri ve öznitelikleri sayesinde bu içerikler kolaylıkla gömülebilir ve kontrol edilebilir.
