Kuidas teha HTML5 Slideshow

HTML5, näiteks järgmise põlvkonna web standard, on ümber nurga. Lisada HTML5 tugi oma koduleheküljel? Äkki on aega vähemalt valmistuda. See artikkel näitab teile 2 viisil teha HTML5 slideshow ja kinnistada oma veebilehel.

Iseesituva HTML5 Slideshow

Üks suurim upgrade HTML5 on et saab otse embed ja mängida videod veebis abil. Sel viisil ning külastajad saavad vaadata HTML5 slaidišõu kui oma brauser toetab HTML5. Flash player ei vaja. Kuna lõpliku versiooni ei tule selle HTML5, ilmselt abil videokoodeki WebM, H264, Ogv või mõlemad.

Siin on, kuidas manustada HTML5 slideshow video:

< video poster="movie.jpg" juhtelemendid >
< allikas src='movie.webm "type =" video/webm; Codecs = "vp8.0, vorbis" "/ >
< allikas src='movie.ogv "type =" video/ogg; Codecs = "theora, vorbis" "/ >
< allikas src='movie.mp4 "type =" video/mp4; Codecs = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Kui näete video allpool, web brauserid toetavad HTML5, liiga. Tänapäeval enamik brauserid toetavad HTML5 slideshow juba. Üksikasjalikumat teavet HTML5 brauseris.

HTML5 slideshow video loodud DVD Slideshow Builder Deluxe - üle 100 üleminekud hulka.

Nüüd vajalikku on ainult HTML5 esitlus tarkvara ja luua slaidišõu video MP4 (AVC) formaadis.

Interaktiivne HTML5 Slideshow

Praegu kasutatud Flash slaidišõu veebilehed nagu saate kujundada HTML5 slideshow ilma installida midagi. Loomulikult ei ole kirjutada codec ise. Siin võtame laialdaselt tunnistatud HTML5 slaidišõu online näiteks selleks, et näidata, kuidas manustada HTML5 slideshow.

1. pane failid õigesse kohta.

Kui HTML5 projekti faili alla laadida siit, unzip fail oma arvutisse ja liigu või veebisaidi kausta üles laadida.

On ka teisi inimesi jagada oma HTML5 slideshow projekti online. Google üks ja Muuda oma vajadustele. See on parem panna tänan teiste töö või jälgida litsentsi avaldused on kaitstud autoriõigusega.

2. Muuda kood vastavalt vajadusele

Tavaliselt ei vaja css ja js failid peale lingi aadress koodi muutmiseks, kui olete need mõnda muusse kausta. Näiteks peaksite muutma css faili lingi aadress "scripts/script.js" kui script.js faili kolinud olemasoleva kausta nimega "scripts". Seda tüüpi lingi aadress nimetatakse suhteline link, samas kui teine tüüp on absoluutne lingi, nagu http://yoursite.com/scripts/script.js. Kui HTML5 slideshow embed lehele kausta, siis tuleks kasutada midagi "... /scripts/script.js. Sa parem kasutada absoluutset link kui te ei ole tuttav erinevused.

Kõige olulisem osa selles HTML5 slideshow on märgitud punase kastiga. Kopeerige neid koode soovitud HTML5 slideshow kuvada ja muuta pildi aadress nagu veebilehe eespool kirjeldatud.

Kliki pildil.

3. eelvaade HTML5 brauserid

Lõpuks näha, kuidas HTML5 slideshow näeb HTML5 brauseris. Üldjuhul saate HTML5 slideshow. Lehel võiks ka HTML5 slideshow failide allalaadimine ja vaata üksikasjalikud protsessi kujundada Martin Angelov poolt.

Tutvuge ka Flash slaidišõu malle teha kodulehel pilt hiireklõpsuga.