HTML
<video>
элементийг вэб хуудсан дээр видеог үзүүлэхэд ашигладаг.
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Хэрхэн ажилладаг #
controls
шинж чанар нь тоглуулах, түр зогсоох, дууны хэмжээ гэх мэт видео удирлагыг нэмдэг.
width
ба height
шинж чанаруудыг үргэлж оруулах нь зүйтэй юм. Хэрэв өндөр ба өргөнийг тохируулаагүй бол видео ачаалах үед хуудас анивчиж магадгүй юм.
<source>
элемент нь хөтчийн сонгож болох өөр видео файлуудыг зааж өгөх боломжийг танд олгоно.
The text between the <video>
and </video>
tags will only be displayed in browsers that do not support the <video>
element.
<video>
ба </video>
шошгоны хоорондох текстийг зөвхөн <video>
элементийг дэмждэггүй хөтөч дээр л харуулах болно.
HTML <video> Автоматаар тоглох #
Видеог автоматаар эхлүүлэхийн тулд autoplay
шинж чанарыг ашиглана:
Жишээ #
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Тэмдэглэл: Chromium хөтчүүд ихэнх тохиолдолд автоматаар тоглуулахыг зөвшөөрдөггүй. Гэхдээ дуугүй авто тоглуулахыг үргэлж зөвшөөрдөг.
Add muted
after autoplay
to let your video start playing automatically (but muted):
Видеогоо автоматаар тоглуулж эхлэх боломжийг олгохын тулд autoplay
дараа muted
нэмэж автоматаар тоглуулж болно(гэхдээ дуугүй):
<video width="320" height="240" autoplay muted>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Browser Support #
The numbers in the table specify the first browser version that fully supports the <video>
element.
Хүснэгтэд байгаа тоонууд нь <video>
элементийг бүрэн дэмждэг хөтөчийн анхны хувилбарыг зааж өгдөг.
Элемент | chrome | internet explorer | mozila firefox | safari | opera |
---|---|---|---|---|---|
<video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML видео формат #
MP4, WebM, Ogg гэсэн гурван дэмжигдсэн видео формат байдаг. Өөр форматтай хөтөчийн дэмжлэг нь:
Browser | MP4 | WebM | Ogg |
---|---|---|---|
Edge | Дэмжинэ | Дэмжинэ | Дэмжинэ |
Chrome | Дэмжинэ | Дэмжинэ | Дэмжинэ |
Firefox | Дэмжинэ | Дэмжинэ | Дэмжинэ |
Safari | Дэмжинэ | Дэмжинэ | Дэмжинэ |
Opera | Дэмжинэ | Дэмжинэ | Дэмжинэ |
HTML видео – медиа төрөл #
File Format | Media Type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
HTML видео – арга, шинж чанар, үйл явдал #
HTML DOM нь <video>
элементийн арга, шинж чанар, үйл явдлыг тодорхойлдог.
Энэ нь видеог ачаалах, тоглуулах, түр зогсоох, үргэлжлэх хугацаа, дууны түвшинг тохируулах боломжийг олгодог.
Видео тоглож эхлэх, түр зогсоох гэх мэт тохиолдолд танд мэдэгдэх DOM арга хэмжээнүүд бас байдаг.