HTML5 - Video

När vi gör dokument HTML många gånger behöver vi berika vårt innehåll och även många gånger redan användningen av animationer eller effekter med Javascript Det räcker inte, i dessa fall måste vi vädja om det multimediainnehåll som passar våra behov, vare sig det är en inspelning, en låt eller en video.
När det gäller multimediaarbete kan vi använda ljud och video med specifikationen HTML5, använder de nya taggarna så att vi inte är beroende av tredjepartsspråk eller plugins.
Videoelement
HTML5 Den innehåller stöd för att introducera videor som en del av dokumentet eller sidan som görs, utan att behöva använda Flash Player eller någon annan plug-in, vilket ökar webbläsarens stabilitet, detta beror på att plug-ins ofta är huvudorsaken för vilka webbläsare misslyckas, eftersom dessa tillägg uppdateras ständigt och kan komma i konflikt med nya funktioner eller förbättringar.
Elementet HTML5 -video Det tillåter oss att bädda in videor utan att behöva hjälp av ett plug-in, med detta kan vi spela upp små eller stora videor på våra sidor och berika deras innehåll.
För att använda videoelementet har vi följande egenskaper som vi måste känna till så att vi kan förstå koden för de följande exemplen.
Element: video.
Lokala attribut: autospelning, förladdning, kontroller, loop, affisch, höjd, bredd, dämpad,
src.
Det bör noteras att detta element är helt nytt HTML5 så det kanske inte är kompatibelt med gamla webbläsare.
När vi väl känner till elementet och dess lokala attribut, låt oss se en liten kod om hur man implementerar en video:

 Exempel på video kan inte visas 

Som vi kan se startar vi en videotagg, vi ställer in dess storleksparametrar, teckensnittet och src, där vi hittar videon, i det här fallet ska det vara i samma mapp som filen som innehåller HTMLOm videon inte kan ses måste vi visa ett meddelande och sedan stänga taggen. Om vi ​​har bläddrat igenom sidor med video kommer vi att se att det är mycket bekant för oss när vi ser detta resultat; Låt oss se en bild av hur vår video ska se ut:

Som vi märkte är det en ganska ren och funktionell implementering.
Vi visste redan vad som var de lokala attributen som videotaggen kan bära, och vi testade dem till och med i vårt exempel, låt oss nu se vad var och en betyder.
autospela - om vi sätter detta attribut kommer det att få webbläsaren att börja spela upp videon så snart som möjligt.
förspänning - indikerar att webbläsaren bör eller inte bör ladda om videon beroende på vad vi anger i detta attribut.
kontroller - webbläsaren visar inte kontrollerna om inte detta attribut finns.
slinga - om den finns, kommer webbläsaren att spela upp videon i en oändlig loop.
affisch - ange en bild som ska visas medan videon laddas.
höjd - anger höjden på videoelementet.
bredd - anger bredden på videoelementet.
dämpad - om det finns, berättar det för webbläsaren att videon från början ska spelas upp utan volym.
src - ange sökvägen för videon som ska spelas upp.
Med detta avslutar vi denna handledning, där vi hade vårt första tillvägagångssätt för videoelementet och hur man använder det i ett dokument HTMLPå så sätt har vi ett nytt verktyg för att berika våra sidor.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng