HTML Video Ekleme ve Otomatik Oynatma

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
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ğiz.


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.


1
2
3
4
5
6

<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 oynakmak için autoplay özelliğini eklemeniz yeterli olacaktır.


1
2
3
4
5
6

<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>
 
Üst Alt