Merhaba, HTML Sayfasına Video Nasıl Eklenir? başlıklı yazıma hoşgeldiniz bu yazımda html sayfasına asıl video eklenir bu konuya değineceğim.
HTML sayfasına video eklemek için video etiketlerini kullanacağız.
En basit bir şekilde video eklemek için aşağıdaki kod yeterlidir.
<video src="video.mp4" width="320px" height="240px"</video>
Çıktı;
Videoya oynatma araçları eklemek için
<video src="video.mp4" width="320px" height="240px" controls=""</video>
Gördüğünüz video etiketi içine controls adında yeni bir method ekledik.
Çıktı;
Gördüğünüz gibi video oynatma araçları alt tarafta duruyor.
Videoya önyükleme, otomatik oynatma ve oynatma araçları eklemek için
<video src="video.mp4" width="320px" height="240px" controls="" preload="" autoplay=""</video>
Video etiketine önyükleme için preload methodu otomatik oynatma için ise autoplay methodunu ekledim.
Çıktı;
Gördüğünüz atlatma çubuğundaki kapalı gri önyükleme olduğunu gösteriyor.
Videoya ayriyeten ön izleme resmi eklemek için
<video poster="onizlemeresmi.jpg" src="video.mp4" height="320px" width="240px" controls="" preload="" autoplay=""></video>
Videoya ön izleme resmi eklemek için poster methodunu kullandım.
Çıktı;
Html sayfasına video eklemek bu kadar basit işte bir sonraki yazıda görüşmek üzere.
