HTML Video
| <video>👇 |
|---|
<video>
<video width="320" height="240" controls autoplay muted loop preload="auto" poster="image3.jpg">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>video ekak site ekata ekathu karanna meka yodagannawa- Html sadaha support karanne video format 3k witharay ( MP4, WebM, OGG )
- autoplay thiyeddi muted denna ona nettam samahara browser wala autoplay weda karanne nehe
| controls | 🎱video eka control karana ewa ekathu karanne meken 1.Play 2.Pause 3.Seeking 4.Volume 5.Fullscreen toggle 6.Captions/Subtitles (when available) 7.Track (when available) |
| width | video eke diga wenas karanna puluwan |
| height | video eke usa wenas karanna puluwan |
| autoplay | videoe eka auto play wenawa page eka loade weddima |
| muted | video eka mute wela play wenne |
| loop | video eka play wela iwara unama ayemath automa play wenawa |
| poster | video ekata thumbanail ekak add karana eka meken wenne |
| preload | 🎱page eka load weddi video eka load wiyayuthuda saha eya load wiya yuthu akaraya sadahan karay 1.auto = page eka load weddi sampurna video eka browser eke load wenawa 2.metadata = page eka load weddi browser eka metadata witharak load karanawa 3.none = page eka load weddi video eka browser eke load wenne nehe 🎱autoplay thiyena kota preload weda karanne nehe |
| <video> text </video> | html <video> code eka samahara browser wala support karanne nati unama meke dila thyena text eka thamay pennanne |
| video <source> 👇 |
|---|
video <source>
<video width="320" height="240" >
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>video tag eka athule thiyena <source> tag eka sadaha me tika yodagannwa| <source> | 🎱video walata adala wisthara athulath karanne meka athule 🎱source ekata video format 1k ho 3 ma ekathu karanna puluwan. 1 ta wada ekathu karama browser eka sadaha support karana palamu video format eka pamank penway 🎱safari saha Internet Explorer wala video ekak run karanna MPEG4 file ekak bawitha karanna ona |
| src | adala video wala url eka ekathu karanne mekata |
| type | video eke Media Type eka meke athulath karanne. 1.video/ogg 2.video/mp4 3.video/webm |
| Picture Sadaha meka yodaganne | |
|---|---|
| media | 🎱CSS wage ewata yodaganna ekak mn hithanne hariyatama danne nehe(mekata wenama godak value thiyenawa ) click here W3school Link |
| sizes | wiwida page layout sadaha image eke pramanaya sakasay |
| srcset | 🎱<source> eka athule device Responsive picture ekak ekathu kirimata katayuthu kirimedi image eke url eka ekathu kirimata meka yodagananwa W3school Link |
| Video <track>👇 |
|---|
video <track>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.mp4" type="video/ogg">
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English" default>
<track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>video eke adala lanuage eke text ha subtitile add karanne meken| default | 🎱video eke automatically default run wenne track eke default dila thiyena eka. mekedi user mukuth select karanna ona nehe 🎱( default ) eka thiyenna puluwan eka track peliyaka witharay |
| kind | 🎱track eke type eka thoraganna thiyene meken 1.captions 2.chapters 3.descriptions 4.metadata 5.subtitles Click here |
| label | 🎱track ekata adala මාතෘකාව (Language name eka) ekathu kirima meken siduwe ex= track eka English nam English Kiyala label eke type karanawa ( label eka balala thamay user adala lanuage eka thoraganne) |
| src | track file eke url eka ekathu karanne mekata |
| srclang | 🎱track (subtitile) eke bawashata adala Language code eka ekathu karay 🎱kind=”subtitles” eka aniwarayen thiyenna ona (srclang) eke lanuge code eka ekathu karanwanam Language code Link |