İçindekiler
Belgeleri yaptığımızda HTML çoğu zaman içeriğimizi zenginleştirmemiz gerekiyor ve ayrıca çoğu zaman zaten animasyonlar veya efektler kullanıyoruz. Javascript Bu yeterli değil, bu durumlarda kayıt, şarkı veya video gibi ihtiyaçlarımıza uygun multimedya içeriğine başvurmalıyız.Multimedya çalışması durumunda, ses ve videoyu aşağıdaki özelliklerle kullanabiliriz: HTML5, yeni etiketleri kullanarak üçüncü taraf dillere veya eklentilere bağımlı değiliz.
video öğesi
HTML5 Videoları, Flash Player veya başka bir eklenti kullanmaya gerek kalmadan, yapılmakta olan belgenin veya sayfanın bir parçası olarak tanıtmak için destek içerir, böylece tarayıcının kararlılığını artırır, bunun nedeni eklentilerin genellikle ana neden olmasıdır. Bu eklentiler sürekli güncellendiğinden ve yeni özellikler veya iyileştirmelerle çakışabileceğinden, hangi tarayıcıların başarısız olduğu konusunda.
eleman HTML5 videosu Bir eklenti yardımına ihtiyaç duymadan videoları gömmemizi sağlar, bununla küçük veya büyük videoları sayfalarımızda oynatabilir ve içeriklerini zenginleştirebiliriz.
Video öğesini kullanmak için, sonraki örneklerin kodunu anlayabilmemiz için bilmemiz gereken aşağıdaki özelliklere sahibiz.
eleman: video.
Yerel özellikler: otomatik oynatma, önyükleme, kontroller, döngü, poster, yükseklik, genişlik, sessiz,
kaynak
Bu unsurun tamamen yeni olduğu belirtilmelidir. HTML5 bu nedenle eski tarayıcılarla uyumlu olmayabilir.
Öğeyi ve yerel niteliklerini öğrendikten sonra, bir videonun nasıl uygulanacağına dair küçük bir kod görelim:
Örnek video görüntülenemiyor
Gördüğümüz gibi, bir video etiketi başlatıyoruz, boyut parametrelerini, yazı tipini ve videoyu bulduğumuz src'yi ayarlıyoruz, bu durumda dosyayı içeren dosyayla aynı klasörde olmalıdır. HTMLVideonun görüntülenememesi durumunda bir mesaj göstermeli ve ardından etiketi kapatmalıyız.Videolu sayfalarda gezinirsek, bu sonucu gördüğümüzde her şeyin bize çok tanıdık geldiğini görürüz; Videomuzun nasıl görünmesi gerektiğine dair bir resim görelim:
Video etiketinin taşıyabileceği yerel özelliklerin neler olduğunu zaten biliyorduk ve hatta bunları örneğimizde test ettik, şimdi her birinin ne anlama geldiğini görelim.
otomatik oynatma - bu özelliği koyarsak, tarayıcının videoyu mümkün olan en kısa sürede oynatmaya başlamasını sağlar.
ön yükleme - bu özellikte belirttiğimiz şeye bağlı olarak tarayıcının videoyu önceden yüklemesi veya yüklememesi gerektiğini belirtir.
kontroller - bu öznitelik mevcut olmadığı sürece tarayıcı kontrolleri göstermeyecektir.
döngü - varsa, tarayıcı videoyu sonsuz bir döngüde oynatır.
afiş - video yüklenirken görüntülenecek bir resim belirtin.
boy uzunluğu - video öğesinin yüksekliğini belirtir.
Genişlik - video öğesinin genişliğini belirtir.
sessiz - varsa, tarayıcıya videonun başlangıçta ses seviyesi olmadan oynatılması gerektiğini söyler.
kaynak - oynatılacak videonun yolunu belirtin.
Bununla, video öğesine ilk yaklaşımımızı ve onu bir belgede nasıl kullanacağımızı öğrendiğimiz bu öğreticiyi bitiriyoruz. HTMLBu şekilde sayfalarımızı zenginleştirmek için yeni bir araca sahibiz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
