Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML5 ve CSS eğitim setinin 23. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.
- Video, HTML5 medya elementlerine odaklanmaktadır. Eğitmen önce farklı video formatlarını (mp3, mp4, mpg, wmv, ai, mob, flv, ogg, webm) ve bunların tarayıcı destek durumlarını açıklar. Ardından `<video>` etiketi ve `<source>` etiketinin kullanımı, video kontrolü, otomatik oynatma, döngü özelliği ve başlangıç resmi ekleme gibi konuları kod örnekleriyle gösterir. Son olarak, JavaScript ile video kontrolü yaparak oynatma/durdurma, ekran boyutunu değiştirme gibi özelliklerin nasıl eklenebileceği anlatılır.
- 00:09HTML5 Medya Elementleri
- HTML5 ve CSS eğitim setinin 23. dersinde HTML5 medya elementleri (audio, source, track ve video etiketleri) ele alınacak.
- Medya etiketlerinde mp3, mp4, mpg, wmv, ai gibi farklı uzantılar geçerli olabilir.
- 00:38Video Formatları
- MPG formatı Moving Pictures Expert Group tarafından geliştirilmiş olup, HTML5'te desteklenmemektedir.
- AI ve WMV formatları Microsoft tarafından geliştirilmiş, Windows bilgisayarlarda iyi oynar ancak web tarayıcılarında oynamaz.
- QuickTime (mov), Flash (sw, flv), Ogg ve WebM formatları da farklı platformlarda desteklenmektedir.
- 02:28MP4 Formatı ve Tarayıcı Desteklemesi
- MP4 formatı Moving Picture Expert Group tarafından geliştirilmiş, QuickTime temel alınarak oluşturulmuştur.
- MP4 formatı tüm HTML5 tarayıcıları tarafından desteklenmektedir ve YouTube tarafından önerilmektedir.
- Tarayıcıların desteklediği video türleri arasında MP4 tüm tarayıcılarda desteklenirken, Ogg formatı Internet Explorer ve Safari tarafından desteklenmemektedir.
- 03:16Video Etiketi Kullanımı
- Video etiketi kullanılarak medya klasöründeki mp4 uzantılı video dosyaları sayfaya eklenebilir.
- Video etiketinin genişliği (width) belirlenerek sayfada uygun boyutta görüntülenebilir.
- Controls özelliği eklenerek video oynatma, ses ayarı, büyütme/küçültme ve pencere seçenekleri gibi kontrol elemanları görüntülenebilir.
- 04:52Source Etiketi ve Format Seçimi
- Video etiketi içinde source etiketi kullanılarak farklı formatlarda video dosyaları belirtilebilir.
- Tarayıcı belirli bir formatı desteklemiyorsa, sırayla diğer formatları denemeye çalışır.
- AutoPlay özelliği ile video sayfa açılır açılmaz otomatik olarak oynatılabilir.
- 07:42Video Özellikleri ve JavaScript Kontrolü
- Loop özelliği ile video sonlandığında tekrar baştan oynatılabilir.
- Poster özelliği ile video açılır açılmaz başlangıç resmi görüntülenebilir.
- JavaScript ile video oynatma/durdurma, ekranı büyütme/küçültme ve normal ekrana getirme gibi işlemler yapılabilir.