Inhoudsopgave
Wanneer we documenten maken HTML vaak moeten we onze inhoud verrijken en ook al vaak het gebruik van animaties of effecten met Javascript Het is niet genoeg, in deze gevallen moeten we een beroep doen op de multimedia-inhoud die past bij onze behoeften, of het nu een opname, een nummer of een video is.In het geval van multimediawerk kunnen we audio en video gebruiken met de specificatie van: HTML5, met behulp van de nieuwe tags, zodat we niet afhankelijk zijn van talen of plug-ins van derden.
Video-element
HTML5 Het bevat ondersteuning voor het introduceren van video's als onderdeel van het document of de pagina die wordt gemaakt, zonder de noodzaak om Flash Player of een andere plug-in te gebruiken, waardoor de stabiliteit van de browser wordt verhoogd, dit komt omdat plug-ins vaak de hoofdoorzaak zijn voor welke browsers falen, aangezien deze add-ons voortdurend worden bijgewerkt en in strijd kunnen zijn met nieuwe functies of verbeteringen.
Het element HTML5-video Hiermee kunnen we video's insluiten zonder de hulp van een plug-in, hiermee kunnen we kleine of grote video's op onze pagina's afspelen en hun inhoud verrijken.
Om het video-element te gebruiken, hebben we de volgende kenmerken die we moeten kennen, zodat we de code van de volgende voorbeelden kunnen begrijpen.
Element: filmpje.
Lokale kenmerken: autoplay, preload, controls, lus, poster, hoogte, breedte, gedempt,
src.
Opgemerkt moet worden dat dit element volledig nieuw is in HTML5 dus het is mogelijk niet compatibel met oude browsers.
Zodra we het element en de lokale attributen kennen, laten we een kleine code zien over hoe een video te implementeren:
Voorbeeldvideo kan niet worden weergegeven
Zoals we kunnen zien, starten we een videotag, we stellen de grootteparameters, het lettertype en de src in, waar we de video vinden, in dit geval zou het in dezelfde map moeten staan als het bestand dat de HTMLIn het geval dat de video niet te zien is, moeten we een bericht tonen en vervolgens de tag sluiten.Als we door pagina's met video hebben gebladerd, zullen we zien dat het ons allemaal heel bekend voorkomt als we dit resultaat zien; Laten we een afbeelding bekijken van hoe onze video eruit zou moeten zien:
We wisten al wat de lokale kenmerken waren die de videotag kan bevatten, en we hebben ze zelfs in ons voorbeeld op de proef gesteld. Laten we nu eens kijken wat ze allemaal betekenen.
automatisch afspelen - als we dit attribuut plaatsen, zal de browser de video zo snel mogelijk afspelen.
voorladen - geeft aan dat de browser de video wel of niet vooraf moet laden, afhankelijk van wat we specificeren in dit kenmerk.
controles - de browser zal de bedieningselementen niet tonen tenzij dit attribuut aanwezig is.
lus - indien aanwezig, speelt de browser de video in een eindeloze lus af.
poster - specificeer een afbeelding die moet worden weergegeven terwijl de video wordt geladen.
hoogte - geeft de hoogte van het video-element aan.
breedte - geeft de breedte van het video-element aan.
gedempt - indien aanwezig, vertelt het de browser dat de video in eerste instantie zonder volume moet worden afgespeeld.
src - specificeer het pad van de video om af te spelen.
Hiermee beëindigen we deze tutorial, waar we onze eerste benadering van het video-element hadden en hoe we het in een document konden gebruiken HTMLOp deze manier hebben we een nieuwe tool om onze pagina's te verrijken.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
