Til að setja upp myndskeið í HTML5 merkingu er einfalt, ekki flóknara fyrir hvaða vafra en að setja mynd. Í þessari grein munum við nýta fullt af innbyggðu vafranum til að byggja upp einfaldasta mögulega myndspilara.

Við munum leggja grunnramma forritsins og nota síðan

Forkröfur

Notaðu Chrome, Safari eða Internet Explorer 9+. Fyrir tímann verður þú að koma í veg fyrir Firefox og Opera vegna sniðmátin í vafranum. Þó að stuðningur við myndskeiðið sé í samræmi við allar nútíma vafra, þá gengur MP4 sniði upp í Firefox og Opera. Þú getur athugaðu hvort samhæfi sé hér.

Áður en þú byrjar þarftu að finna .mp4 sem þú getur notað, ef þú ert ekki með einn, finnur þú fullt af ókeypis mp4 skrár á netinu.

Að byggja upp grunnramma

Eftirfarandi kóði er ramma þar sem þú byggir leikmanninn. Það skapar einföld skipulag og er staðgengill fyrir myndbandið sjálft.

Þú þarft að búa til nýjan HTML-skrá í vinnuskránum þínum og nefna það index.html, þá bæta við þessum kóða:

HTML5 Video Player

Nú, með grunninn sem lagður er, skulum við komast að skemmtilegum hluta leikarans með því að bæta við myndskeiði á síðunni.

Notaðu myndskeiðið til að bæta við myndskeiðum á vefsíður

Markmiðið við hönnun HTML5 er

Hér er það sem HTML5 myndskeið lítur út eins og í Chrome:

Næsta skráning sýnir alla kóðann sem þarf til að sýna myndskeiðið. Eins og þú sérð er það ekki flókið.

Settu þennan kóða í stað " "Athugasemd í kóðanum hér að ofan, vertu viss um að skipta um [YOUR VIDEO] með slóðinni að .mp4 þínum og endurnýja síðuna.