Yadda Za Ka Sa an HTML5 Slideshow

HTML5, kamar yadda na gaba tsara yanar gizo misali, shi ne a kusa da kusurwar. Za ka ƙara HTML5 goyon baya zuwa ga website? Wata kila yana da lokaci a kalla shirya. Wannan labarin zai nuna muku 2 hanyoyin da za a yi HTML5 slideshow da embed to your website.

Kai a guje HTML5 Slideshow

Daya daga cikin manyan inganci na HTML5 shi ne, za ka iya kai tsaye embed da kunna bidiyo online ta amfani. Wannan hanyar, da baƙi za su iya duba da HTML5 slideshow muddin suka browser goyon bayan HTML5. Babu Flash player da ake bukata. Tun da HTML5 bai zo da karshe version, video Codec zai iya yiwuwa amfani da WebM, H264, Ogv ko biyu.

A nan shi ne yadda za ka iya embed wani HTML5 slideshow video:

<video Poster = "movie.jpg" iko> 
    <Madogararsa src = "movie.webm 'type =" video / webm. codecs = "vp8.0, vorbis" '/> 
    <Madogararsa src = "movie.ogv' type =" video / ogg. codecs = "theora, vorbis" '/> 
    <Madogararsa src = "movie.mp4' type =" video / mp4. codecs = "avc1.4D401E, mp4a.40.2" '/>
</ bidiyo>

Idan ba za ka iya ganin bidiyo a kasa, ka yanar gizo bincike goyi bayan HTML5, ma. A zamanin yau, mafi yawan masu bincike goyi bayan HTML5 slideshow riga. Ga karin bayani game da HTML5 bincike.

HTML5 slideshow video halitta da DVD Slideshow Builder Deluxe - Fiye da 100 miƙa mulki hada.

Yanzu abin da kuke bukata shi ne kawai wani HTML5 slideshow software da kuma haifar da slideshow video a MP4 (AVC) format.

M HTML5 Slideshow

Kamar a halin yanzu amfani da Flash slideshow a kan yanar, za ka iya tsara wani HTML5 slideshow ba tare da shigar wani abu. Hakika, ba ka da a rubuta Codec kanka. A nan mun yi wani yadu shared HTML5 slideshow online misali ya nuna maka yadda za ka embed wani HTML5 slideshow.

1. Saka fayiloli a daidai wurin.

A lokacin da ka sauke da HTML5 aikin fayil daga nan, kasa kwancewa fayil a kwamfutarka, kuma motsa ko upload zuwa babban fayil da ka website.

Haka kuma akwai wasu mutane a raba su HTML5 slideshow aikin online. Google daya da kuma canji ya dace da bukatun. Yana da mafi alhẽri a saka hakkin mallaka sanarwa in gode wasu 'aiki, ko bi lasisi kalamai.

2. Change code to dace da bukatun

Yawancin lokaci, ba ka bukatar zuwa canja lambar CSS da JS fayiloli, sai dai link adireshin idan ka saka su a daban-daban babban fayil. Alal misali, ya kamata ka canja CSS fayil link adireshin to 'rubutun / script.js' idan ka koma script.js fayil zuwa data kasance babban fayil ake kira 'rubutun'. Irin wannan link adireshin ake kira zumunta mahada, yayin da wani irin shi ne cikakken mahada, irin su http://yoursite.com/scripts/script.js. Idan HTML5 slideshow ne embed zuwa shafi na a babban fayil, ya kamata ka yi amfani da wani abu kamar '../scripts/script.js'. Ka so mafi alhẽri yi amfani da cikakkar link idan kun kasance ba saba da bambance-bambance.

Mafi muhimmanci na wannan HTML5 slideshow ne alama a cikin ja akwatin. Kwafe lambobin wadannan cikin wani shafi na kana so HTML5 slideshow don nuna da kuma canja siffar address kamar yadda aka bayyana a sama.

Click Ya shimfiɗa.

3. Preview da HTML5 bincike

A ƙarshe, ganin yadda HTML5 slideshow kama a cikin HTML5 browser. A yadda aka saba, ba za ka samu  wannan HTML5 slideshow.  A shafi na, ku kuma iya sauke HTML5 slideshow fayiloli da ganin cikakken tsari zuwa tsara shi ta hanyar Martin Angelov.

Har ila yau duba Flash slideshow shaci su sa website Slideshows a akafi zuwa.