WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

HTML5 Blue Video Gallery

— Add-on al WorldWideScripts.net

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

envato AftESS SUBTENO FORUMO FASTSI.FPORT

Intro

Deziras Video Gallery ke estas facile instali, personecigi, ĝi laboras en ĉiuj retumiloj (ecx IE8), estas ĝis la lastaj normoj (HTML5), havas plurmedia apogo tro (audio / bildoj), povas nutri de video sharing provizantoj (youtube / vimeo)? Tiam ĉi tiu estas la video Galerio montrofenestro viaj videos sur via retejo.

La galerio funkcias en ĉiuj ĉefaj retumiloj medio - inkludante IE tra flash falo-reen. Ankaŭ, de inputting sola vídeo en la video galerio, ĝi iĝas video ludanto.

Ĉi galerio uzas la lastan HTML5 tehniques. Ekzemple - ĝi uzas HTML5 LocalStorage memori la lastan volumon vi havis antaux vi eliras kaj aroj reacxeti volumo kiam vi revenos. La haŭto estas aranĝo per simplaj CSS - do estas plene haŭto-able kun baza css

Ĝisdatigoj

UPDATE 8.00 [09/22/2014]

  • [Fix] iuj bugs

UPDATE 7,50 [04/08/2014]

  • [Tweak] transiroj nun multe pli glata
  • [Tweak] antaŭvido ĝisdatigo

UPDATE 7,44 [03/26/2014]

  • [Fix] multnombraj eraroj
  • [Fix] antaŭvido
  • [Fix] aldoni subtitolon subteno

UPDATE 6,78 [10/14/2013]

  • [Fix] multnombraj eraroj

UPDATE 6,10 [10/02/2013]

  • [Fix] cimon ĉe finaĵo de youtube vídeo, audio estus ankoraŭ ludi
UPDATE 5.11 [10/02/2013]
  • fiksita fatala IE9 / IE10 cimon
  • ĝisdatigita labori kun jQuery 1.9.1 sen enmigri kromaĵo
UPDATE 5.00 [01/10/2013]
  • aldonis HD butonon por Youtube videos
  • aldonis novan vojon por rulumi la menuo thumbsandarrows (kontrolu YouTube Kanalo demo en la antaŭvido)
  • aldonis tri novajn modojn - rotator, rotator3d kaj muro
  • haŭtojn por galerio kaj ludanto estas nun sendependa
  • aldonis nova galerio haŭto - nav_transparent - menueroj cirkuli kaj travidebla navigado
  • aldonis novajn awesome haŭton por la ludanto - aŭroro
  • ĝisdatigita dokumentado
  • aliaj cimoj fiksita
UPDATE 4,10 [10/22/2012]
  • fiksa fullscreen cimoj (funkcias perfekte en Safaro, Chrome, Firefox kaj estonteco compliant foliumiloj)
  • aldonita anonco subtenon - image / youtube aŭ video ad
  • aliaj cimoj fiksita
UPDATE 4.0 [05/02/2012]
  • fiksita iuj bugs
  • ŝanĝitaj video galerio kaj video ludanto DOM strukturo
  • aldonis novan buffering trinkejo
  • aldonis Vimeo subteno
  • aldonis audio subteno
  • aldonita bildo subteno
  • aldonis embed butono
  • aldonis parton butono
  • aldonis realan fullscreen por Chrome, Safaro, Firefox
UPDATE 3.0 [02/23/2012]
  • fiksita iuj bugs
  • restrukturita dokumentado
  • ŝanĝitaj video galerio kaj video ludanto DOM strukturo

UPDATE 2.0 [07/09/2011]

  • fiksita iuj bugs
  • iPod / iPad / iPhone apogoj
  • ĝisdatigita al la lasta HTML5 normoj

Karakterizaĵoj

  • centri en la video - la fullscreen butono ni vin ĝui la video entute retumilo fenestro
  • HTML5 powered - HTML5 video ero & Javaskripto localStorage faras ĉi bruligan rando galerio
  • memoras viajn preferojn - tiu ludanto uzas HTML5 La LocalStorage por stoki la lastan volumon vi starigis, do kiam vi fermas la paĝo kaj malfermu ĝin poste, la volumo pravas reen kie vi lasis ĝin
  • kongrua kun ĉiuj ĉefaj retumiloj, inkludante IE - havigas fulmilo Rezerva por la retumiloj, kiuj ne subtenas la vídeo tag (vi povas specifi kion video ludi tra FlashVars) la flash video ludanto havas la saman haŭton kiel la defaŭlta unu tiel ĝi aspektas la sama en ĉiuj platformoj
  • iphone / ipad kongrua - tiu galerio estis optimizado pomon takto aparatoj
  • css powered feloj - la galerio css dividiĝas en du partojn - funkcia kaj estethic tial ĝi estas tre facile fari vian propran haŭton

    Aktivoj

    Video de - http://www.bigbuckbunny.org/

    Oftaj Demandoj

    1º vídeo funkcias bone sed, 2do video ne ŝarĝi tute
    Plej probable vi provas kaj alfiksis la saman youtube video. Vi ne povas havi la saman youtube video en 2 lokoj.
    kial mi enkorpigi vimeo ligilojn en ĝin?
    nur aldonu ĉi markado ene la videogallery-con
     <Div class = "vplayer-Tobe" datumo-videoTitle = 'Vimeo video' datumoj-tipo = "vimeo" datumo-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / FFF & teksto = dikfingro "class =" imgblock "/> <div class =" la-titolo "> Tiu estas Vimeo video </ div> La bildeton eblas autogenerate... </ div> </ div> 
    Ŝanĝi la datumojn-src valoron kun la identigilo de via vimeo video
    Ĉu tiu uzata por videoj, kiuj ne estas en Vimeo aŭ YouTube? Mi havas iuj videos loĝigita en servanto Mi ŝatus ligas rekte. Bonvolu sciigi min ASAP. THX
    Certe, gxi konsistas specife por ludi mem gastigis filmetoj. YouTube kaj Vimeo estas simple bonus.
    Kiel igi la sociaj rimedoj ikonoj labori?
    kontrolu la shareCode opcio por la vGallery funkcio
    Kiel mi faras mian vídeo ĝuste koditaj uzi ene tiu galerio?

    Vi bezonas via filmo konvertiĝis al 2 formatoj por certigi la HTML5 video teatraĵoj en ĉiuj retumiloj

    Retumilo subteno & rekomendis kodoprezenton programo

    IE9, IE8 (Flash) & Safari: M4V -> http://handbrake.fr/

    Chrome & Opero & Firefox: OGG-> http://video.online-convert.com/convert-to-ogg

    Video DOM strukturo

     <Div class = "vplayer" datumo-priskribo = "Mia Video" datumo-img = "img / 1.jpg"> <Video kontroloj precargar> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <Objekto tipo = "application / x-Shockwave-flash" datumo = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "videbleco: videbla;"> <Param name = "movie" valoro = "preview.swf"> <param name = "menuo" valoro = "malvera"> <param name = "allowScriptAccess" valoro = "ĉiam"> <Param name = "skalo" valoro = "noscale"> <param name = "allowFullScreen" valoro = "vera"> <param name = "wmode" valoro = "opakaj"> <Param name = "flashvars" valoro = "video = video / myvideo.m4v"> </ Objekto> </ Video> </ Div> 

    Mi havas mian vídeo preta, kiel mi aldoni whitin la galerio?

    Bona maniero por lerni ke se vi ne estas consistentes kun html estas ekzemplodone. Apertfonta / index.html kaj ĉirkaŭ linio 122 vi vidos:

    [..]
    <Div class = "vplayer" datumo-priskribo = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" datumo-img = "img / 1.jpg">

    <Video kontroloj precargar>
    <Source src = "video / test.mp4" tipo = 'video / mp4; códecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" tipo = 'video / webm; códecs = "vp8, Vorbis" '/>
    <Source src = "video / test.ogg" tipo = 'video / ogg; códecs = "Theora, Vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Objekto width = "500" height = "300">
    <Param name = "movie" valoro = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" valoro = "vera"> </ param>
    <Param name = "allowscriptaccess" valoro = "ĉiam"> </ param>
    <Param name = "wmode" valoro = "opakaj"> </ param>
    <Embed src = "preview.swf? Vídeo = video / advideo.flv" tipo = "application / x-Shockwave-flash" width = "500" height = "300" allowscriptaccess = "ĉiam" allowfullscreen = "vera" wmode = "opakaj">
    </ Embed>
    </ Objekto>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO Galerio ->

    Ĉi reprezentas la lasta vídeo en la galerio, kaj estas bona ekzemplo do ni kloni ke kaj enoficigi ĝin Video 6 anstataŭ Video 5

    [..]
    <Div class = "vplayer" datumo-priskribo = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" datumo-img = "img / 1.jpg">

    <Video kontroloj precargar>
    <Source src = "video / test.mp4" tipo = 'video / mp4; códecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" tipo = 'video / webm; códecs = "vp8, Vorbis" '/>
    <Source src = "video / test.ogg" tipo = 'video / ogg; códecs = "Theora, Vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Objekto width = "500" height = "300">
    <Param name = "movie" valoro = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" valoro = "vera"> </ param>
    <Param name = "allowscriptaccess" valoro = "ĉiam"> </ param>
    <Param name = "wmode" valoro = "opakaj"> </ param>
    <Embed src = "preview.swf? Vídeo = video / advideo.flv" tipo = "application / x-Shockwave-flash" width = "500" height = "300" allowscriptaccess = "ĉiam" allowfullscreen = "vera" wmode = "opakaj">
    </ Embed>
    </ Objekto>
    </ Video>
    </ Div>
    <Div class = "vplayer" datumo-priskribo = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" datumo-img = "img / 1.jpg">

    <Video kontroloj precargar>
    <Source src = "video / test.mp4" tipo = 'video / mp4; códecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" tipo = 'video / webm; códecs = "vp8, Vorbis" '/>
    <Source src = "video / test.ogg" tipo = 'video / ogg; códecs = "Theora, Vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Objekto width = "500" height = "300">
    <Param name = "movie" valoro = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" valoro = "vera"> </ param>
    <Param name = "allowscriptaccess" valoro = "ĉiam"> </ param>
    <Param name = "wmode" valoro = "opakaj"> </ param>
    <Embed src = "preview.swf? Vídeo = video / advideo.flv" tipo = "application / x-Shockwave-flash" width = "500" height = "300" allowscriptaccess = "ĉiam" allowfullscreen = "vera" wmode = "opakaj">
    </ Embed>
    </ Objekto>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO Galerio ->





    FIY, tiu galerio estas kreita de la aŭtoro de la plej venditaj, plej-elstara stoko galerio sur la interreto kiu ricevas konstantajn ĝisdatigojn (pli poste 10 ĝis nun)
    Skins iPhone iPad compal skinable minut FlashVars erabIed Loka videos7 kaj moe! envato AftESS SUBTENO FORUMO FASTSI.FPORT

  • Elŝuti
    Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
    KomentojOftaj demandoj kaj respondoj

    Propraĵoj

    Kreita:
    3 Septembro 10

    Last Update:
    22 Septembro 14

    Alta Rezolucio:
    Jes, Kongrua Browsers

    Programaro Versio:
    HTML5

    Ŝlosilvortoj

    eCommerce, Ĉiuj Eroj, priskribo, flash, flash Rezerva, flashvars, fullscren, galerio, grafikaĵoj, HTML5, te, bildoj, info, localstorage, filmetoj, volumo, xml