HTML VİDEO EKLEME HTML5 öncesinde video oynatmak için bir eklentiye ihtiyaç vardı. HTML5 ile birlikte gelen <video> etiketiyle web sayfalarında eklenti kullanmadan video oynatma işlemi yapılabilir. HTML ile video oynatmak için <video> etiketi kullanılır. <video width="360" height="320" controls="controls"> <source src="video.mp4" type="video/mp4" /> <source src="video.ogg" type="video/ogg" /> Tarayıcınız video etiketini desteklemiyor. </video> Yukarıdaki örnekteki;

• <video> etiketine ait controls özelliği video için oynatma, durdurma, ses ayarlama gibi kontrolleri ekler.

• <video> etiketi width ve height özelliği videonun genişlik ve yüksekliğini belirtir. Genişlik ve yükseklik belirtilmediğinde video tarayıcının belirlediği boyutlarda açılacaktır.

• <source> tagı video için dosya kaynağı belirtir. Tarayıcı bu kaynaklardan desteklediği dosya kaynağını açar.

• <video> ve </video> etiketleri arasındaki yazı <video> etiketini desteklemeyen tarayıcılarda görüntülenir. <video width="360" height="320" autoplay loop muted poster="resim.jpg" preload="none”> <source src="video.mp4" type="video/mp4" /> <source src="video.ogg" type="video/ogg" /> Tarayıcınız video etiketini desteklemiyor. </video> Yukarıdaki örnekteki;

• <video> etiketi autoplay özelliği videoyu otomatik olarak başlatmak için kullanılır.

• <video> etiketi loop özelliği; açılan sayfada video dosyası medya aracından play (oynat) ile oynatılmaya başlar. Kullanıcı tarafından

müdahale edilmediği sürece, video dosyası bitse bile yeniden başlayacak şekilde sürekli oynatılmaya devam eder.

• <video> etiketi muted özelliği; açılan sayfada video dosyasının medya aracındaki varsayılan durumu sessiz (muted) olarak ayarlanır.

• <video> etiketi poster özelliği ile video oynatılmadan önce, medya aracında videonun görseli dışında bir resim görüntülenmesini sağlar. Bir nevi videoya arka plan resmi eklenmiş olur.

• <video> etiketi preload özelliği ; video dosyasının açılan sayfada ön yüklemesinin yapılıp yapılmayacağı kararı verilir. preload=”none” olduğunda ön yükleme yapılmayacağını bildiririz. preload=”auto” olduğunda ise ön yükleme yapılacağını bildiririz.

HTML TARAYICI VİDEO FORMATLARI HTML <video> etiketi MP4, WebM ve Ogg video formatlarını desteklemektedir.
























HTML5 ile birlikte gelen <video> etiketi JavaScript DOM desteği sağlar.

JavaScript DOM desteği düğmeye tıklandığında video oynatma, durdurma, ses ayarını değiştirme gibi imkan verir.