Indholdsfortegnelse
Når vi laver dokumenter HTML mange gange har vi brug for at berige vores indhold og også mange gange allerede brugen af animationer eller effekter med Javascript Det er ikke nok, i disse tilfælde skal vi appellere til det multimedieindhold, der passer til vores behov, det være sig en optagelse, en sang eller en video.I tilfælde af multimediearbejde kan vi bruge lyd og video med specifikationen HTML5, ved hjælp af de nye tags, så vi ikke er afhængige af tredjeparts sprog eller plugins.
Videoelement
HTML5 Den indeholder understøttelse af introduktion af videoer som en del af det dokument eller den side, der laves, uden at det er nødvendigt at bruge Flash Player eller et andet plug-in, hvilket øger browserens stabilitet, dette skyldes, at plug-ins ofte er hovedårsagen for hvilke browsere mislykkes, da disse tilføjelser konstant opdateres og kan være i konflikt med nye funktioner eller forbedringer.
Elementet HTML5 video Det giver os mulighed for at integrere videoer uden at kræve hjælp fra et plug-in, med dette kan vi afspille små eller store videoer på vores sider og berige deres indhold.
For at bruge videoelementet har vi følgende egenskaber, som vi skal kende, så vi kan forstå koden for de næste eksempler.
Element: video.
Lokale attributter: autoplay, forudindlæsning, kontroller, loop, plakat, højde, bredde, dæmpet,
src.
Det skal bemærkes, at dette element er helt nyt inden for HTML5 så den er muligvis ikke kompatibel med gamle browsere.
Når vi kender elementet og dets lokale attributter, lad os se en lille kode om, hvordan du implementerer en video:
Eksempelvideo kan ikke vises
Som vi kan se, starter vi et videotag, vi indstiller dets størrelsesparametre, skrifttypen og src, hvor vi finder videoen, i dette tilfælde skal den være i den samme mappe som filen, der indeholder HTMLHvis videoen ikke kan ses, skal vi vise en besked og derefter lukke mærket. Hvis vi har gennemset sider med video, vil vi se, at det hele er meget kendt for os, når vi ser dette resultat; Lad os se et billede af, hvordan vores video skal se ud:
Vi vidste allerede, hvad der var de lokale attributter, som videomærket kan bære, og vi testede dem endda i vores eksempel, lad os nu se, hvad hver enkelt betyder.
automatisk afspilning - hvis vi sætter denne attribut, får browseren til at begynde at afspille videoen så hurtigt som muligt.
forudindlæsning - angiver, at browseren skal eller ikke bør indlæse videoen afhængigt af, hvad vi angiver i denne attribut.
kontroller - browseren viser ikke kontrolelementerne, medmindre denne attribut er til stede.
sløjfe - hvis den er til stede, afspiller browseren videoen i en endeløs loop.
plakat - angiv et billede, der skal vises, mens videoen indlæses.
højde - angiver videoelementets højde.
bredde - angiver bredden på videoelementet.
dæmpet - hvis den findes, fortæller den browseren, at videoen i første omgang skal afspilles uden lydstyrke.
src - angiv stien til den video, der skal afspilles.
Med dette afslutter vi denne vejledning, hvor vi havde vores første tilgang til videoelementet og hvordan man bruger det i et dokument HTMLPå denne måde har vi et nyt værktøj til at berige vores sider.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
