Visas tēmas

+
Home > Resursu > padomi > kā veikt HTML5 Slideshow

Kā padarīt HTML5 Slideshow

HTML5, kā nākamās paaudzes interneta standarta, ir ap stūri. Jāpievieno HTML5 atbalstu jūsu mājas lapā? Varbūt ir pienācis laiks vismaz, lai sagatavotu. Šis raksts jums parādīs 2 veidi, kā padarīt HTML5 slideshow un iegultu jūsu mājas lapā.

Pašdemonstrējošām slaidrādes HTML5

Viena no HTML5 lielākais jauninājums ir iespēja tieši iegult un atskaņot videoklipus tiešsaistē, lietojot. Šādā veidā, apmeklētāji var vērot HTML5 slideshow, tik ilgi, kamēr to pārlūks nodrošina HTML5. Nav nepieciešams Flash player. Kopš HTML5 nav pienācis tās galīgā versija, video kodeku varētu likt lietā, WebM, H264, Ogv vai abus.

Lūk, kā jūs varat iegult HTML5 slideshow video:

< video poster="movie.jpg" kontrole >
< src='movie.webm avota "tips =" video/webm; kodekiem "vp8.0, vorbis" ='/ >
< src='movie.ogv avota "tips =" video/ogg; kodekiem = "theora, vorbis" ' / >
< src='movie.mp4 avota "tips =" video/mp4; kodekiem = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Ja jūs varat redzēt video zemāk, web pārlūkprogrammas neatbalsta HTML5, pārāk. Mūsdienās lielākā daļa pārlūkprogrammu atbalstu HTML5 slideshow jau. Apskatītu detalizētāku informāciju par HTML5 pārlūkiem.

HTML5 slideshow video radīta ar DVD Slideshow Builder Deluxe - iekļauti vairāk nekā 100 pārejām.

Tagad jums ir nepieciešams ir tikai HTML5 slideshow programmatūra un radīt slideshow video MP4 (AVC) formātā.

Download Win Version

Interaktīva HTML5 Slideshow

Tāpat kā pašreiz izmantoto Flash slideshow tīmekļa vietnēs, var arī noformēt HTML5 slaidrādi bez instalēšanas neko. Protams, jums nav jāraksta kodeku. Šeit mēs uzņemamies plaši koplietojamo HTML5 slideshow tiešsaistē, piemēram, parādīs, kā nostiprināt HTML5 slīdrādi.

1. nodot failus pareizajā vietā.

Lejupielādējot failu HTML5 projekts no šejienes, Atarhivējiet failu jūsu datorā, un pārvietot vai augšupielādēt mapi, kur jūsu mājas lapā.

html5 slideshow

Pastāv arī citām personām, koplietot to HTML5 slideshow projekts online. Google viens un mainīt atbilstoši savām vajadzībām. Tas ir labāk izvirzīt autortiesību paziņojums pateikties citu darbu vai sekot licences paziņojumus.

2. Nomainiet kodu atbilstoši savām vajadzībām

Parasti nav nepieciešams mainīt kodu css un js failus, izņemot adreses saite, ja jūs esat viņus citā mapē. Piemēram, vajadzētu mainīt css failu saites adreses uz 'scripts/script.js' Ja script. js fails ir pārvietots uz esošu mapi sauc par 'skriptu'. Šāda veida saiti vai adresi sauc relatīvā saite, kamēr cits veids ir absolūtā saite, piemēram, http://yoursite.com/scripts/script.js. Ja HTML5 slideshow iegult lapu mapes, jums vajadzētu izmantot kaut ko līdzīgu "... /Scripts/script.js. Absolūtās saites varētu izmantot labāk, ja jūs neesat pazīstami ar atšķirības.

Vissvarīgākā daļa no šo slīdrādi HTML5 ir atzīmēts sarkanajā lodziņā. Kopējiet šos kodus jebkuru lapu pēc jūsu vēlēšanās HTML5 slaidrādi parādīt un mainīt attēla adresi, kā aprakstīts iepriekš.

html5 slideshow code
Noklikšķiniet, lai palielinātu.

3. priekšskatīšana ar HTML5 pārlūkprogrammās

Visbeidzot, redzēt, kā HTML5 pārlūkprogramā izskatās HTML5 slīdrādi. Parasti jūs saņemsiet šo slīdrādi HTML5. Lapā var lejupielādēt failus HTML5 slideshow un redzēt detalizētu procesu veidot ar Martin Angelov.

Arī izbraukšana Flash slideshow veidnes , lai mājas lapā slīdrādes klikšķiem.

Ražojumu saistītie jautājumi? Runāt tieši ar mūsu atbalsta komandas >>

Augšpusē