Html Medya

Html dilinde bulunan medya elemanları video, ses ve flaş dosyası ekleme gibi işlemler için kullanılmaktadır.

Html Video

Html dilinde web sitelerine video eklenebilmektedir. Web sitelerine video eklemek için gerekli olan etiketi <video> etiketi'dir. 

<video> olarak açılır </video> şeklinde kapanmaktadır. 

Html video etiketi ile kullanılan parametreleri:

controls : Videonun başlayıp durmasını sağlamak için kullanılmaktadır.

autoplay : Videonun otomatik olarak başlaması için kullanılır.

source : Videonun bulunduğu adresi belirtmek için kullanılmaktadır.

width : Videonun genişliğini belirlemek için kullanılır.

height : Videonun yüksekliğini belirlemek için kullanılır.

Metin : Videonun çalışmadığı tarayıcı tarafından desteklenmediği zaman görüntülenir.

Html Video Ekleme

<video width="250" height="250" controls>

  <source src="video_adresi.mp4" type="video/mp4">

Video etiketi tarayıcı tarafından desteklenmemektedir.

</video>

Otomatik Olarak Başlayan Video Ekleme

<video width="250" height="250" autoplay>

  <source src="video_adresi.mp4" type="video/mp4">

Video etiketi tarayıcı tarafından desteklenmemektedir.

</video>

 

Html Ses Dosyaları

Html dilinde web sitelerine ses dosyaları yani müzikler eklenebilmektedir. Ses dosyası eklemek için <audio> etiketi kullanılmaktadır. Ses etiketi <audio> açılmakta ve </audio> şeklinde kapanmaktadır.

Html Ses Dosyası Ekleme

<audio controls>

  <source src="ses_dosyasi_ismi.mp3" type="audio/mpeg">

Ses Dosyası Tarayıcı tarafından desteklenmemektedir.

</audio>

Otomatik Olarak Başlayan Ses Dosyası Ekleme

<audio autoplay>

  <source src="ses_dosyasi_ismi.mp3" type="audio/mpeg">

Ses Dosyası Tarayıcı tarafından desteklenmemektedir.

</audio>

 

Html Flash Dosyaları

Html dilinde web sitelerine flash dosyaları yani animasyonlar eklenebilmektedir. Flash dosyası eklemek için <embed> etiketi kullanılmaktadır.

Embed Etiketi Kullanımı

<embed src="dosya_adresi" width="Genişlik" height="Yükseklik">

Embed Etiketi ile Flash Dosyası Ekleme

swf uzantılı olan oyun,animasyon vb. dosyalar yüklenebilmektedir.

<embed src="dosya_adresi.swf" width="100%" height="100%">

 

Önceki Ders: Html Çerçeveler Sonraki Ders: Html Kodları