Video tags
Tags video ļauj pievienot video HTML lapā.
Ar to var arī pārvaldīt šo video.
Ceļš uz video failu tiek norādīts, izmantojot
atribūtu src vai iegulto tagu source.
Ja vēlaties redzēt atskaņotāju video atskaņošanas pārvaldībai
- jāpievieno atribūts controls.
Bez tā jūs neko neredzēsiet - arī skaņas un attēla
tajā pašā laikā nebūs.
Dažreiz video novietošana pašā vietnē nav
ļoti ērta (piemēram, jūsu hostingam ir
ierobežojums vietnes izmēram). Šajā gadījumā
video var augšupielādēt YouTube un pievienot
ar tagu iframe.
Atribūti
| Atribūts | Apraksts |
|---|---|
src |
Norāda ceļu uz video failu.
Bet labāk šim nolūkam izmantot tagu source
(šajā gadījumā būs iespējams norādīt video dažādos formātos).
|
preload |
Izmanto video faila ielādei vienlaicīgi ar vietnes lapas ielādi.
Pieņemtās vērtības: none (neielādēt failu, pēc noklusējuma),
metadata (ielādēt tikai dienesta informāciju: ilgumu un tā tālāk),
auto (ielādēt video pilnībā HTML lapas ielādes laikā).
|
autoplay |
Video sāk atskaņoties uzreiz pēc lapas ielādes,
tādā gadījumā atribūta preload klātbūtne tiks ignorēta.
Atribūts bez vērtības. |
controls |
Pievieno video pārvaldes paneli.
Atribūts bez vērtības. Pēc noklusējuma (ja atribūta nav) panelis netiek pievienots. |
loop |
Atkārto video atskaņošanu "apli":
pēc pabeigšanas tas sāks atskaņoties no jauna.
Atribūts bez vērtības. Pēc noklusējuma (ja atribūta nav) video tiks atskaņots tikai 1 reizi.
|
poster |
Ceļš uz attēlu, kas tiks rādīts, kamēr video nav pieejams vai netiek atskaņots.
Ja atribūts poster nav norādīts, pārlūkprogramma mēģinās rādīt video pirmo kadru.
|
height |
Atribūts height nosaka video atskaņošanas apgabala augstumu (pikseļos
vai procentos).
Pats video maina savus izmērus lielāku vai mazāku virzienā, pielāgojoties norādītajam augstumam,
bet tā proporcijas tajā pašā laikā nemainās.
Noklusējuma vērtība: augstums tiek ņemts no video parametriem, ja šī vērtība nav pieejama, tad atribūta height vērtība
tiek uzskatīta par vienādu ar attēla augstumu no atribūta poster.
Ja arī poster nav norādīts - augstums
tiek iestatīts uz 150 pikseļiem.
|
width |
Atribūts width nosaka video atskaņošanas apgabala platumu (pikseļos
vai procentos).
Pats video maina savus izmērus lielāku vai mazāku virzienā, pielāgojoties norādītajam platumam,
bet tā proporcijas tajā pašā laikā nemainās.
Noklusējuma vērtība: platums tiek ņemts no video parametriem, ja šī vērtība nav pieejama, tad atribūta width vērtība
tiek uzskatīta par vienādu ar attēla platumu no atribūta poster.
Ja arī poster nav norādīts - platums
tiek iestatīts uz 150 pikseļiem.
|
Piemērs . Atskaņotājs vietnes lapā
Pievienosim lapā atskaņotāju ar video.
Tām pārlūkprogrammām, kas neatbalsta
tagu video, ir atstāta īpaša pazīme
par to:
<video src="moovie.mp4" controls>
Jūsu pārlūkprogramma neatbalsta video HTML5.
</video>
Piemērs .
Tagam video
pievienosim tagu source:
<video>
<source src="moovie.mp4" controls>
Jūsu pārlūkprogramma neatbalsta video HTML5.
</video>
