Neden?
Medya eklemek kadar, kullanıcının onu kontrol edebilmesi ve içeriğe erişebilmesi de önemlidir.

Ne öğreneceğiz?
Bu derste audio, video, source, iframe, controls ve poster kullanımını öğreneceğiz.

Nasıl ilerleyeceğiz?
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.

 Öğrenme kuralı:  Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.

Derse başlamadan önce kendini yokla

• Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?
  
• Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?
  
• Uygulamayı kendi fikrimle nasıl değiştirebilirim?

Ders sonunda kontrol

• Kodu kendim, bakmadan tekrar yazabildim mi?
  
• Tarayıcıda sonucu test ettim mi?
  
• Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?

Ders hedefi
Ses dosyası eklemek için <audio>, video eklemek için <video> kullanılır:


controls kullanıcıya oynatma kontrolleri sağlar. poster, video başlamadan önce gösterilecek görseli belirtir. Birden fazla <source> kullanarak farklı dosya biçimleri sunabilirsiniz.

Harici bir videoyu veya haritayı iframe ile gömebilirsiniz:


Gömülü içeriğe mutlaka açıklayıcı bir title verin. Bilinmeyen (youtube, izlesene vs. dışında) veya güvensiz kaynaklardan (yönetimini veya içeriğini tam bilmediğiniz herhangi bir web sitesi) iframe eklemeyiniz.