HTML Video Ekleme ve Otomatik Oynatma

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