HTML 5 Video Ekleme

HTML 5 ile gelen en önemli özelliklerden birisi html içerisinde başka bir yazılıma gerek kalmadan video ekleyebilmekti. Bu web sayfalarının performansını arttırmakta büyük etki yarattı. Yeni nesil web sayfalarının büyük bir çoğunluğu html 5 video kullanımına geçtiler.

HTML5 video eklemek için;

< video > . .. . . . . . . . . < / video >

kodlarını kullanırız.

Örnek:

<video> 
<source src="https://www.cagrigungor.com/wp-content/uploads/2019/08/deniz.mp4" type="video/mp4">
</video>

Önizleme:

HTML Hangi Video Formatlarını Destekler ?

Şu an için html 5 sadece üç tip video formatını desteklemektedir. Bunlar;

• MP4
• OGG
• WEBM

HTML 5 Video Autoplay Otomatik Başlatma Özelliği

HTML 5 ‘de video eklerken bu videonun otomatik olarak başlamasını istiyorsak “controls autoplay” özelliğini kullanmamız gerekmektedir.

Örnek

<video controls autoplay>
  <source src="videoicerik.mp4" type="video/mp4">
</video>

HTML 5 Video Autoplay  Kapatma Otomatik Başlatmama

HTML 5 videolarda autoplay özelliği eklemediğimiz halde otomatik olarak video oynatılıyorsa manuel olarak autoplay özelliğini kapatmamız gerekmektedir. Bunun için

autoplay="false" 

özelliğini kullanmamız gerekmektedir.

<video autoplay="false"> <source src="videoicerik.mp4" type="video/mp4"> </video>