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 til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPPORT FORUM FASTSI.FPORT

Intro

Vil du ha en Video Gallery som er enkel å installere, tilpasse, fungerer i alle nettlesere (selv IE8), er opp til de nyeste standardene (HTML5), har multimedia støtte også (audio / bilder), kan mate fra videodeling leverandører (youtube / vimeo)? Da er dette Video Gallery for å vise frem dine videoer på nettstedet ditt.

Galleriet fungerer i alle store nettlesere miljøet - inkludert IE gjennom flash fall-back. Også, ved å legge inn en enkelt video i videogalleriet, blir det en videospiller.

Dette galleriet bruker de nyeste HTML5 tehniques. For eksempel - den bruker HTML5 local å huske sist volumet du hadde før du går ut og setter tilbake at volumet når du kommer tilbake. Huden er oppsettet via enkle CSS - så det er fullt hud-stand med grunnleggende CSS

Oppdateringer

OPPDATERING 8.00 [09/22/2014]

  • [FIX] noen bugs

OPPDATERING 7.50 [04/08/2014]

  • [TWEAK] overganger nå mye jevnere
  • [TWEAK] forhåndsvisning oppdatering

OPPDATERING 7.44 [03/26/2014]

  • [FIX] flere bugs
  • [FIX] forhåndsvisning
  • [FIX] legge til undertittel støtte

OPPDATERING 6.78 [10/14/2013]

  • [FIX] flere bugs

OPPDATERING 6.10 [10/02/2013]

  • [Fix] bug ved avslutningen av youtube video, vil lyden fortsatt spille
OPPDATERING 5.11 [10/02/2013]
  • fikset en fatal IE9 / IE10 bug
  • oppdatert for å jobbe med jQuery 1.9.1 uten migrere plugin
OPPDATERING 5.00 [01/10/2013]
  • lagt HD knappen for YouTube-videoer
  • lagt ny måte å bla gjennom meny thumbsandarrows (sjekk YouTube Channel demo i forhåndsvisningen)
  • lagt tre nye moduser - rotator, rotator3d og vegg
  • skinn til galleri og spilleren er nå selvstendig
  • lagt nye galleriet hud - nav_transparent - menyelementer sirkulær og gjennomsiktig navigasjon
  • lagt til ny fantastisk hud for spilleren - aurora
  • oppdatert dokumentasjon
  • andre bugs fikset
OPPDATERING 4.10 [10/22/2012]
  • faste fullscreen bugs (fungerer perfekt på Safari, Chrome, Firefox og fremtidige kompatible nettlesere)
  • lagt reklame støtte - image / youtube eller videoannonse
  • andre bugs fikset
OPPDATERING 4.0 [05.02.2012]
  • fikset noen bugs
  • endrede video galleri og videospiller DOM struktur
  • lagt til en ny buffering bar
  • lagt Vimeo støtte
  • lagt lydstøtte
  • lagt bildestøtte
  • lagt embed-knappen
  • lagt knapp aksje
  • lagt real fullscreen for Chrome, Safari, Firefox
OPPDATERING 3.0 [02/23/2012]
  • fikset noen bugs
  • omstrukturert dokumentasjon
  • endrede video galleri og videospiller DOM struktur

OPPDATERING 2.0 [07.09.2011]

  • fikset noen bugs
  • iPod / iPad / iPhone støtter
  • oppdatert til de nyeste HTML5 standarder

Spesifikasjoner

  • fokusere på video - fullskjerms knappen lar deg nyte video på hele nettleservinduet
  • HTML5 drevet - HTML5 video element & script local gjør dette til en cutting edge galleri
  • husker dine preferanser - dette spiller bruker HTML5 er local for å lagre det siste volumet du har satt, så når du lukker siden og åpne den senere, volumet er rett tilbake der du forlot det
  • kompatibel med alle de store nettleserne, inkludert IE - gir flash fallback for nettlesere som ikke støtter video tag (du kan angi hvilke video til å spille gjennom FlashVars) flash videospiller har samme huden som standard en, så det ser ut samme på alle plattformer
  • iPhone / iPad kompatibel - dette galleriet har blitt optimalisert apple touch-enheter
  • css drevet skins - galleriet css er delt i to deler - funksjonell og estethic så det er veldig enkelt å lage din egen hud

    Eiendeler

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

    FAQ

    Første video fungerer fint, men ikke andre video ikke laste i det hele tatt
    Mest sannsynlig du tester og har festet den samme youtube video. Du kan ikke ha samme youtube video i to steder.
    hvordan kan jeg legge Vimeo linker til det?
    bare legge dette markering inne i videogallery-con
     <Div class = "vplayer-Tobe" data-videoTitle = 'Vimeo video' data-type = "vimeo" data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = tommel "class =" imgblock "/> <div class =" the-title "> Dette er en Vimeo video </ div> Miniatyr kan autogenerere... </ div> </ div> 
    Endre data-src verdi med id på vimeo video
    Kan dette brukes til videoer som ikke er i Vimeo eller YouTube? Jeg har noen videoer ligger på en server jeg ønsker å koble til direkte. Gi meg beskjed asap. takk
    Jada, det er laget spesielt for å spille selv vert videoene. YouTube og Vimeo er bare en bonus.
    Hvordan får jeg de sosiale medier ikoner til å fungere?
    sjekk shareCode innstillingen for vGallery funksjon
    Hvordan gjør jeg videoen min ordentlig kodet til bruk innenfor dette galleriet?

    Du må filmen konverteres til to formater for å sikre at den HTML5-video spiller i alle nettlesere

    Nettleser støtter & anbefalt koding programmet

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

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

    Video DOM struktur

     <Div class = "vplayer" data-description = "My Video" data-img = "img / 1.jpg"> <Videokontroller preload> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <objekt type = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "flash" style = "synlighet: synlige;"> <Param name = "movie" value = "preview.swf"> <param name = "meny" value = "false"> <param name = "allowScriptAccess" value = "always"> <Param name = "scale" value = "noscale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "opaque"> <Param name = "FlashVars" value = "video = video / myvideo.m4v"> </ Object> </ Div> </ Div> 

    Jeg har videoen min klar, hvordan legger jeg det whitin galleriet?

    Beste måten å lære at hvis du ikke er i samsvar med html er ved eksempel. Åpen kildekode / index.html og rundt linje 122 vil du se:

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

    <Videokontroller preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeker = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeker = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeker = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "AllowScriptAccess" value = "always"> </ param>
    <Param name = "wmode" value = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Div>
    </ Div>

    </ Div> <! -end VIDEO GALLERI ->

    Dette representerer den siste videoen i galleriet, og det er et godt eksempel så la oss klone det og gi det et navn Video 6 i stedet for Video 5

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

    <Videokontroller preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeker = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeker = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeker = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "AllowScriptAccess" value = "always"> </ param>
    <Param name = "wmode" value = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Div>
    </ Div>
    <Div class = "vplayer" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" data-img = "img / 1.jpg">

    <Videokontroller preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeker = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeker = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeker = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "AllowScriptAccess" value = "always"> </ param>
    <Param name = "wmode" value = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Div>
    </ Div>

    </ Div> <! -end VIDEO GALLERI ->





    FIY, er dette galleriet skapt av forfatteren av den bestselgende, mest omtalt lager galleri på internett som mottar stadige oppdateringer (mer enn 10 så langt)
    Skins iPhone iPad Compal skinable minut FlashVars erabIed Lokal videos7 og moe! Envato AftESS SUPPORT FORUM FASTSI.FPORT

  • Laste ned
    Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
    KommentarerOfte stilte spørsmål og svar

    Egenskaper

    Laget:
    3 september 10, Siste oppdatering

    Søkeord

    eCommerce, alle elementer, beskrivelse, flash, flash fallback, FlashVars, fullscren, galleri, grafikk, HTML5, dvs. bilder, info, local, video, volum, xml