Ev / DERSLER / Web Tasarım Dersler / HTML / 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

İlgini Cekebilir

HTML5 Canvas Etiketi ( 15.Ders Canvas Yol Belirleme )

<canvas> Etiketimiz İçinde Çizim Yollarını Belirlemek için Hemen Örneğimize Geçelim İlk Olarak Canvas İle Bir …

Bir cevap yazın

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

%d blogcu bunu beğendi: