Responsive Reklam Alanı

Merhaba sevgili arkadaşlar bugün sizlere bir HTML5 dersi anlatacağım. HTML5’e bayağı bir zamandır değinmemiştik. Şöyle bir HTML5 i anlatacak olursak eğer, HTML5, internet’in çekirdek teknolojilerinden HTML işaretleme standardının beşinci sürümüdür. Internet Explorer, Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Kısaca H5 Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır.

Bu dersimizde ise sitemize video il müzik nasıl eklenir onu anlatacağım. Ayrıca Ses veya film etiketleri gibi bir çok spesifik yönleriyle birlikte kullanılması gereken HTML 5, sadece bir biçimleme dili olmasından ziyade web uygulamaları yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır.

Bu derste hazırlamış olduğunuz HTML5 altyapısına sahip bir siteye video ve müzik eklemeyi görelim. İnternet Explorer 9 altı desteklemez, fakat herhangi bir player kullanmanıza gerek yoktur.

  • SES ELEMENTİ (<audio>……</audio>)

Hiçbir swf dosyası, embed kodu vb. gibi plugin’e ihtiyacınız olmadan sayfanıza müzik yerleştirmek
bu kodla mümkündür.

Kullanımı Nasıldır Diye Soracak Olursanız İşe Size Cevap:

1 <audio src="müzikdosyanız.ogg" controls="controls"> 
Tarayıcınız desteklemedigi için ses dosyasını çalıştıramıyorsunuz</audio>
2 Örnek Kullanım http://bonurtek.com/dosyalar/seselmnt.htm


Destekleyen Tarayıcıları mı Merak Ediyorsunuz? Hemen söyleyim:

Safari, Chrome, Firefox, IE9, Opera.

  • VİDEO ELEMENTİ(<video></video>)

Hiçbir swf dosyası, embed kodu, player veya bir plugin’e ihtiyacınız olmadan sitenize video
eklemeniz mümkündür.

Hemen Kullanımını Gösterelim:

1 <video src="video_adresi.ogg" width="genişlik" height="Uzunluk"
2 controls="controls"> Tarayıcınız desteklemedigi için bu video dosyasına
erişemiyorsunuz.</video>



Destekleyen Tarayıcıları da Söyleyelim:

Safari, Chrome, Firefox, IE9, Opera.

Paylaşmak Güzeldir
Yazar
Yazar
Görüntü Formatları Nelerdir? Cisco System Nedir? RJ45 – CAT5 Bağlantısı Renk Sıralaması!
Benzer Yazılar
2 Yorum
  1. Yazar
    Uğur

    Merhaba bilgi için çok teşekkür ederim,b en html ye yeni başladım biraz acemiyim.
    çalışmamda video eklemek istiyorum fakat verdiğiniz kodları yapınca VİDEO BİCİMİ VEYA MIME TÜRÜ DESTEKLEMiYOR diyor. ben 3gp formatında koyuyorum bunu değiştirmem gerekir mi acaba. ve sayfa sadece bilgisayarımda kayıtlı. resmi olarak bir internet sitesine atmıyorum.

  2. Yazar
    Mehmet

    Bu kadar kısa kodla gerçekten çok güzel çalıştı çok teşekkürler. Başka sitelerde uzun uzun player yerleştirme kodu yazıyorlardı.

Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Emre Supçin * Ecceplus WordPress Themes