Turkcell | Geleceği Yazanlar

Soru & Cevap

HTML5 Çokluortam Elemanlarında Nasıl Video Ekleyeceğim?

28.04.2020 - 16:30

<!DOCTYPE html> <html> <body> <video height="200" width="600" controls> <source src="deneme.mp4" type="video/mp4"> </video> </body> </html>

Burada src'nin önünde "deneme.mp4" yazıyor. Yani video ekleme siteye. Ama nasıl yapacağımı bulamadım ben videonun ismini yazınca olmuyo. Yani anlamadım nasıl video ekleyeceğimi, anlatır mısınız?

338 Görüntülenme

1 Cevap

Kaan KARACAN
30.04.2020 - 16:38

Merhaba,

HTML201 eğitiminde detaylı bilgi mevcut ancak ben sorunuza çözüm olacak kısmı burda alıntılıyorum.

Bir videonun web sayfasına gömülmesi (embeding)

Bir videoyu web sayfanıza gömmek için <video> etiketini kullanabilirsiniz. Bu etikete aşağıdaki özellikleri (attribute) atamanız yararlı olur.

src: Medya kaynağını (source) belirtmek için kullanılır.

controls: Kullanıcı bunun sayesinde yüklediği çokluortam dosyasını harekete geçirir ya da durdurur.

width ve height: Videonun genişlik ve yüksekliğidir. Yükleme sırasında çerçevenin değişmemesi için genişlik ve yükseklik özelliklerini önceden atayın.

HTML5 şu anda MP4, WebM ve OGG video dosya biçimlerini destekliyor.

Aşağıda web sayfasına video gömmenin bir örneğini bulabilirsiniz:

Aşağıda web sayfasına video gömmenin bir örneğini bulabilirsiniz:

<!DOCTYPE html>
<html>
    <body>
        <video height="200" width="600" controls>
            <source src="deneme.mp4" type="video/mp4">                
        </video>   
    </body>
</html>

Bunun yanı sıra eğer ses de eklemek isterseniz;

<!DOCTYPE html>
<html>
    <body>
    <div>
      <audio controls id="ses1" width="420">
        <source src="deneme.mp4" type="audio/wav">
      </audio>
    </div>
    </body>
</html>

Umarım faydalı olacaktır. 

Sitede yorum yapabilmek için giriş yapın ya da üye olun.

Kaan KARACAN
30.04.2020 - 16:39
Eklemek istediğiniz videoyu göstermeniz yeterli olacaktır yazmayı unutmuşum özür diliyorum.

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.