HTML5 Video Ekleme

html dersleri

Html ile oluşturduğunuz web sitenize sadece birkaç komut ile video ekleyebilmeniz mümkündür. Bu işlem için ilk olarak web sunucunuzda oluşturduğunuz bir klasöre videonuzu yüklemeniz gerekmektedir. Biz örneğimizde videomuzun /videolar klasöründe olduğunu varsaydık. Şimdi html5 ile video ekleme işlemi için hangi komutlar kullanmamız gerektiğini öğrenelim;

Html5 ile video eklemek aşağıdaki gibi bir komut kullanmamız yeterli olacaktır;

<video width="400" height="350" controls="controls">
<source src="videolar/ornek.mp4" type="video/mp4">
</video>

Bu komutta “controls” değeri videomuzda başlat, durdur, ses ayarı gibi nesnelerin eklenmesini sağlar. Width, height değerleri ise videomuzun web sayfamızdaki boyutlarını belirler.

Web sayfamız yüklendiğinde videonun otomatik olarak başlamasını istiyorsak komutumuza “autoplay” değerini eklememiz gerekmektedir. Bu işlem için aşağıdaki örnekteki gibi bir komut eklemeniz yeterli olacaktır;

<video width="400" height="350" autoplay="autoplay" controls="controls">
<source src="videolar/ornek.mp4" type="video/mp4">
</video>

Evet html5 ile video ekleme işlemi bu kadar kolay. Html5 ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir