Kaip padaryti HTML5 demonstraciją

HTML5, kaip kitą kartos interneto standartas, yra už kampo. Norėtumėte įdėti HTML5 paramos į jūsų svetainę? Gal atėjo laikas ne mažiau kaip parengti. Šiame straipsnyje jums parodysiu, 2 būdų, kaip padaryti HTML5 demonstraciją ir įdėti į savo svetainę.

Automatiškai vykdomo HTML5 demonstraciją

Vienas iš didžiausių atnaujinti HTML5 yra kad galite tiesiogiai įdėti ir žaisti vaizdo įrašus internete naudojant. Taip, lankytojai gali žiūrėti HTML5 demonstraciją tol, kol jų naršyklė palaiko HTML5. Jokių Flash player reikalinga. Kadangi į HTML5 neatėjo į savo galutinę versiją, vaizdo kodekas tikriausiai naudoti WebM, H264, Ogv arba abu.

Štai kaip galite įdėti HTML5 demonstraciją vaizdo:

< video poster="movie.jpg" kontrolė >
< šaltinio src='movie.webm "tipas =" video/webm; kodekai = "vp8.0, vorbis" "/ >
< šaltinio src='movie.ogv "tipas =" video/ogg; kodekai = "theora, vorbis" "/ >
< šaltinio src='movie.mp4 "tipas =" video/mp4; kodekai = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Jei jūs galite pamatyti vaizdo žemiau, jūsų interneto naršyklės palaiko HTML5, per. Šiandien, dauguma naršyklės palaiko HTML5 demonstraciją jau. Rasti daugiau informacijos apie HTML5 naršyklių.

HTML5 demonstraciją video sukurta su DVD Slideshow Builder Deluxe - daugiau nei 100 perėjimų įtraukti.

Dabar, ko jums reikia yra tik HTML5 skaidrių peržiūrą programinė įranga ir sukurti skaidrių peržiūrą video MP4 (AVC) formatu.

Interaktyvi HTML5 demonstraciją

Pavyzdžiui, šiuo metu naudojamas Flash demonstraciją svetainėse, jūs taip pat galite kurti HTML5 Demonstracija be įdiegti nieko. Žinoma, jums nereikia rašyti kodekas sau. Čia mes plačiai pasidalinti HTML5 demonstraciją internete pvz., parodyti jums, kaip įterpti HTML5 demonstraciją.

1. įdėti failus į reikiamą vietą.

Jei atsisiuntėte HTML5 projekto failą iš čia, išpakuokite failą į savo kompiuterį, ir perkelkite arba įkelti į savo svetainės aplanke.

Taip pat yra kitų žmonių pasidalinti savo HTML5 demonstraciją projekto internete. Google vieną ir keisti pagal savo poreikius. Tai geriau įdėti autorinių padėkoti kitų darbą, ar sekti licencijos pareiškimus.

2. pakeisti kodą pagal jūsų poreikius

Paprastai, jums nereikia keisti css ir js failus, išskyrus nuorodą adresas, kodas, jei jūs įtraukėte juos į kitą aplanką. Pavyzdžiui, css failo nuorodą adresas turėtų pakeisti į "scripts/script.js" Jei perkėlėte script.js failą į esamą aplanką pavadinimu "scenarijus". Šios rūšies nuorodą adresas yra vadinamas santykiniu saitu, o kitas tipas yra absoliuti nuoroda, pvz., http://yoursite.com/scripts/script.js. Jei HTML5 demonstraciją yra įdėti į aplanko puslapį, jums reikia naudoti kažką panašaus į "... /scripts/script.js. Jūs geriau naudoti absoliuti nuoroda jei nesate susipažinę su skirtumus.

Svarbiausia šio HTML5 Demonstracija pažymėtas raudoname lauke. Nukopijuokite šiuos kodus į bet kokį puslapį, kurį norite HTML5 skaidrių peržiūrą Rodyti ir keisti vaizdo adresą kaip aprašyta aukščiau.

Spustelkite ant nuotraukos.

3. peržiūrėti su HTML5 naršyklių

Galiausiai, pamatyti, kaip HTML5 demonstraciją atrodo kaip HTML5 naršyklėje. Paprastai, jums bus gauti šio HTML5 demonstraciją. Puslapyje, galite taip pat atsisiųsti HTML5 demonstraciją failus ir matyti išsamų procesą dizaino jį iš Martin Angelov.

Taip pat patikrinkite Flash skaidrių peržiūrą šablonus , kad svetainėje skaidres paspaudimų.