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:
En basit haliyle bir video etiketini nasıl ekleyeceğinizi gösterelim.
Otomatik oynakmak için autoplay özelliğini eklemeniz yeterli olacaktır.
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:
| Format | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
| 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> |
| 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> |