Html Video Etiketleri (5. Ders Video Ekleme) – BilgeBank
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML - CSS Dersleri / Html Video Etiketleri (5. Ders Video Ekleme)

Html Video Etiketleri (5. Ders Video Ekleme)

Html ile video eklemenin birden çok yolu vardır video, embed, iframe etiketleriyle html şablonunuz da video oynatabilirsiniz.

<video width="320" height="240" controls>
  <source src="http://www.bilgebank.com/wp-content/uploads/2017/01/BİLGİSAYAR-NASIL-YAPILIR.mp4" type="video/mp4">
</video>

video etiketi ile kendi tarayıcınız veya windows oynatıcınız dan videoları oynatabilirsiniz.

controls : Komutu ile videodaki kontrol ayarlarını görmemizi sağlar.
type=”video/mp4″  videonun hangi format uzantısında olduğunu belirtiriz.

<embed src="https://www.youtube.com/embed/m7gggsKG9bc" width="400px" height="300px"  allowfullscreen="true" autostart="0" ></embed >

Büyük video siteleri kendi embed veya irfame  kodlarını paylaşmaktalar. Bu kodları doğrudan sitemize ekleyebiliriz.

embed src ile video dosyamızın yolunu belirtiyoruz.

Width ve height bölümünde eklediğimiz videonun genişlik ve yükseklik değerlerini belirliyoruz.

Autostart bölümünde ise videonun web sitemiz açıldığında başlayacağın veya kapalı bir şekilde geleceğini belirleyebiliriz. 0 başlatma 1  çalıştır anlamındadır.

<iframe width="640" height="360" src="https://www.youtube.com/embed/m7gggsKG9bc" frameborder="0" allowfullscreen></iframe>

Büyük video siteleri kendi embed veya irfame  kodlarını paylaşmaktalar. Bu kodları doğrudan sitemize ekleyebiliriz.


Bu Kodların Ön İzlemesine Buradan Bakabilirsiniz

 

Hakkında BilgeBank

İlgili Makale

CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 ile birlikte gelen ve kutuya gölge verme için kullanılan box-shadow özelliği ve kullanımı ile ilgili bilgi vermeye çalışacağım. Hemen …

Bir cevap yazın

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

%d blogcu bunu beğendi:
%d blogcu bunu beğendi: