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 mekendefault | 🎱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 |