Hvernig á að setja inn myndband í HTML?
Í heiminum af vefforritun, innsetning myndbanda er virkni sem er í auknum mæli eftirsótt. Hvort sem það er að kynna margmiðlunarefni, samþætta kennsluefni eða sýna kynningar, þá er það mikilvægt að geta fellt myndskeið inn á vefsíðu til að bæta upplifun notenda og miðla upplýsingum á áhrifaríkan hátt. Sem betur fer, með ívafsmál af hypertext (HTML), þetta er algjörlega mögulegt og í þessari grein munum við sýna þér hvernig á að ná því skref fyrir skref.
1. Kynning á því að fella inn myndbönd í HTML
Fella myndbönd inn í HTML er lykileiginleiki sem gerir vefhönnuðum kleift að birta myndbönd beint á síðu án þess að treysta á utanaðkomandi spilara. Til að setja inn myndband í HTML er merkið notað . Innan þessa merkis tilgreinir þú staðsetningu og gerð myndbandsskrár sem þú vilt hafa með, auk annarra valkosta eins og breidd og hæð myndbandsins. Þannig geturðu stjórnað stærð og endurgerð myndbandsins innan Vefsíða.
Auk merkisins Einnig er hægt að nota önnur merki og eiginleika til að bæta virkni og útlit myndbandsins. Til dæmis merkið
Þegar myndband er fellt inn í HTML er mikilvægt að huga að skráarstærð og myndgæðum. The myndbandsskrár Stórar geta hægt á hleðslu síðu og neytt mikillar bandbreiddar, sem getur haft neikvæð áhrif á notendaupplifunina. Þess vegna er ráðlegt að þjappa myndbandsskrám og tryggja að þær hafi viðeigandi upplausn og bitahraða. fyrir vefinn. Að auki er mikilvægt að bjóða upp á texta- eða myndvalkosti fyrir þá notendur sem geta ekki skoðað eða spilað myndbandið, annað hvort vegna aðgengisvandamála eða tæknilegra takmarkana.
2. Grunnkóði til að setja inn myndband í HTML
Í þessari færslu munum við sýna þér hvernig á að setja inn myndband í HTML. Að fella myndband inn á vefsíðu getur bætt gagnvirkni og bætt notendaupplifunina. Næst kynnum við þér a grunnkóði sem þú getur notað til að setja myndskeið inn á HTML-síðuna þína.
1. Byrjar: Til að byrja þarftu að hafa myndbandsskrána á viðeigandi sniði, eins og MP4 eða WebM. Gakktu úr skugga um að þú sért með rétta slóð að myndbandsskránni á þjóninum þínum eða fjölmiðlasafni. Síðan verður þú að bæta eftirfarandi kóða við HTML skjalið þitt:
``html
„`
2. Sérstillingar: Þú getur stillt breidd og hæð myndspilarans með því að breyta gildunum í eiginleikum breidd og hæð. Að auki geturðu bætt við stjórnaeigindinni til að leyfa notendum að stjórna spilun myndspilarans. myndband. Mundu að veita aðrar útgáfur af myndbandinu á mismunandi sniðum (MP4, WebM) til að tryggja samhæfni við mismunandi vafra.
3. Samhæfni: Það er mikilvægt að hafa í huga að ekki allir vafrar styðja HTML5 myndbandsþáttinn. Til að tryggja rétta áhorf gætirðu líka viljað bjóða upp á annan valkost með því að nota þriðja aðila hýsingaraðila, eins og YouTube eða Vimeo. Hafðu einnig í huga að sumir vafrar gætu þurft sérstaka merkjamál til að spila ákveðin myndbandssnið.
Og þannig er það! Fylgdu þessum skrefum og þú munt geta það Settu myndband auðveldlega inn á HTML síðuna þína. Mundu að prófa síðuna þína í mismunandi vöfrum og tækjum til að ganga úr skugga um að myndbandið spilist rétt.
3. Snið og merkjamál sem merkimiðinn styður
Merkið
Stuðningssnið:
– MP4: Þetta er algengasta sniðið fyrir myndbönd á vefnum. Það er samhæft við flesta vafra og býður upp á góð spilunargæði.
– WebM: Þetta snið er sérstaklega vinsælt meðal vafra sem byggir á opnum hugbúnaði, svo sem Google Chrome og Mozilla Firefox. Það veitir góð myndgæði og skilvirka þjöppun.
– Ogg: Þetta snið er samhæft við nokkra vafra og getur boðið upp á góð spilunargæði. Hins vegar er það sjaldgæfara en MP4 og WebM sniðin.
Styður merkjamál:
– H.264: Þetta er mjög duglegur myndbandsmerkjamál sem er samhæft við flesta vafra. Veitir góð myndgæði og skilvirka þjöppun.
– VP9: Þessi myndbandskóði er sérstaklega vinsæll meðal opinna vafra þar sem hann býður upp á góð spilunargæði og skilvirka þjöppun.
– Theora: Þetta er opinn uppspretta myndbandsmerkjamál sem er samhæft í gegnum vafra. Þó að það bjóði ekki upp á sömu samþjöppunarskilvirkni og aðrir merkjamál, getur það samt veitt góð spilunargæði.
Þegar myndbönd eru sett inn á vefsíðuna þína, vertu viss um að nota til að tryggja bestu notendaupplifun og slétta spilun myndskeiða. Mundu að sumir vafrar styðja kannski aðeins ákveðin snið og merkjamál, svo það er mikilvægt að prófa í mismunandi tækjum og vöfrum til að staðfesta eindrægni. Með réttu sniðunum og merkjamálunum muntu geta boðið upp á myndbönd hágæða sem laða að og halda gestum þínum.
4. Ítarlegar stillingar til að bæta notendaupplifun
Einn af aðlaðandi og vinsælustu þáttunum til að bæta upplifun notenda á vefsíðu er að hafa myndbönd. Myndbönd geta verið frábær leið til að koma upplýsingum á framfæri á hnitmiðaðan og sjónrænt aðlaðandi hátt. Til að setja inn myndband í HTML þarftu einfaldlega að nota merki myndband og nokkra lykileiginleika: src til að gefa til kynna staðsetningu myndbandsskrárinnar og stýringar til að sýna notandanum spilunarstýringarnar.
Þegar myndbandsþátturinn hefur verið búinn til er hægt að aðlaga hann frekar með því að nota viðbótareiginleika. Til dæmis geturðu tilgreint breidd og hæð myndbandsins með því að nota eiginleikana breidd og hæð. Þú getur líka tilgreint plakat sem birtist áður en myndbandið byrjar að spila með því að nota eigindina. veggspjald. Að auki geturðu bætt við texta með merkinu braut og eiginleikinn src til að tilgreina staðsetningu textaskrárinnar.
Ef þú vilt bæta við myndbandi með ýmsum studdum sniðum geturðu notað merkið uppspretta inni í myndbandshlutanum. Þetta gerir þér kleift að tilgreina margar myndbandsuppsprettur og vafrinn mun velja fyrstu samhæfu heimildina sem hann finnur. Til dæmis geturðu látið MP4 skrá fyrir nútíma vafra og WebM skrá sem valkostur fyrir eldri vafra. Þetta tryggir að hægt sé að spila myndbandið rétt á mismunandi kerfum og tækjum.
Í stuttu máli, að fella myndband inn í HTML er eins einfalt og að nota merkið. myndband og nauðsynlega eiginleika. Að auki er hægt að aðlaga viðbótarþætti eins og breidd, hæð, plakat og skjátexta til að auka notendaupplifunina enn frekar. Ef þú vilt veita samhæfni við mismunandi vafra geturðu notað merkið uppspretta til að tilgreina margar myndbandsuppsprettur. Með þessari þekkingu geturðu búið til áhugaverða og grípandi margmiðlunarupplifun fyrir gesti vefsíðunnar þinna.
5. Valkostir við merkimiðann
Í HTML, merkið
–