HTML5’in piyasaya sürülmesiyle, video etiketi modern tarayıcılar tarafından sağlanan iyi destekle çok rahat bir şekilde eklemek mümkün hale gelmiştir. HTML5 video etiketini kullanarak kendi oynatıcınızı oluşturma konusunda hala rahat değilseniz, oynatıcı için bir video etiketi oluşturmak üzere basit ama güçlü bir oluşturucu kullanabilirsiniz. Ancak biz burada basit bir video etiketi kullanarak video eklemeyi ve oynatmayı nasıl yapacağınızı göstereceğim.

Video etiketi, html sayfasına bir video eklemek için kullanılır. Şu anda HTML5 video etiketi 3 tür video dosyasını desteklemektedir:

FormatMIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

En basit haliyle bir video etiketini nasıl ekleyeceğinizi gösterelim.

<video width="320" height="240" controls>
      <source src="http://techslides.com/demos/sample-videos/small.ogv" type=video/ogg>
      <source src="/build/videos/arcnet.io(7-sec).mp4" type=video/mp4>
    </video>

Otomatik oynatmak için autoplay özelliğini eklemeniz yeterli olacaktır.

<video width="320" height="240" controls autoplay>
      <source src="http://techslides.com/demos/sample-videos/small.ogv" type=video/ogg>
      <source src="/build/videos/arcnet.io(7-sec).mp4" type=video/mp4>
    </video>

Youtube Videolarını Siteye Ekleme

  • Videoyu YouTube’da açın ve paylaş düğmesine tıklayın.
  • Yerleştir kodunu açın.
  • Kaynak bağlantısını kopyalayın.

Bir Cevap Yazın

Trending

Nedrin Barkın ÖREN sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya Devam Edin