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:
Format | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/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> |
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.