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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPPORT FORUM FASTSI.FPORT

Introduktion

Vill du ha en videogalleri som är enkel att installera, anpassa, fungerar i alla webbläsare (även IE8), är upp till de senaste standarderna (HTML5), har stöd för multimedia för (ljud / bilder), kan mata från videodelning leverantörer (youtube / Vimeo)? Då är detta Videogalleri för att visa upp dina videor på din webbplats.

Galleriet fungerar i alla större webbläsare miljö - inklusive IE genom flash falla tillbaka. Också genom att mata in en enda video i videogalleriet, blir det en videospelare.

Detta galleri använder den senaste HTML5 tehniques. Till exempel - den använder HTML5 local att minnas den sista volymen du hade innan du avslutar och ställer tillbaka den volymen när du kommer tillbaka. Huden är inställt via enkel CSS - så det är fullt huden kan med grundläggande CSS

Uppdateringar

UPPDATERING 8,00 [2014/09/22]

  • [FIX] några buggar

UPPDATERING 7,50 [2014/04/08]

  • [TWEAK] övergångar nu mycket smidigare
  • [TWEAK] förhandsvisning uppdatering

UPPDATERING 7,44 [2014/03/26]

  • [FIX] multipla buggar
  • [FIX] preview
  • [FIX] lägga till underrubrik stöd

UPPDATERING 6,78 [2013/10/14]

  • [FIX] multipla buggar

UPPDATERING 6,10 [2013/10/2]

  • [Fix] bugg slut på youtube video, skulle ljudet fortfarande spela
UPPDATERING 5,11 [2013/10/2]
  • fast en dödlig IE9 / IE10 bugg
  • uppdateras för att fungera med jquery 1.9.1 utan migrate plugin
UPPDATERING 5,00 [2013/01/10]
  • lagt HD-knappen för YouTube-videor
  • lagt till nya sätt att rulla meny thumbsandarrows (se YouTube-kanal demo i förhandsgranskningen)
  • tillsatta tre nya lägen - rotator, rotator3d och vägg
  • skinn för galleriet och spelare är nu oberoende
  • lagt till nya galleri huden - nav_transparent - menyalternativ cirkulär och transparent navigering
  • lagt till nya fantastisk hud för spelaren - aurora
  • uppdaterad dokumentation
  • andra buggar fast
UPPDATERING 4,10 [2012/10/22]
  • fasta helskärm buggar (fungerar perfekt på Safari, Chrome, Firefox och framtida kompatibla webbläsare)
  • sattes reklam stöd - bild / youtube eller videoannons
  • andra buggar fast
UPPDATERING 4,0 [05/02/2012]
  • Fast en del buggar
  • förändrad video galleri och videospelare DOM struktur
  • lagt till en ny buffert bar
  • tillsatt Vimeo stöd
  • lagt ljudstöd
  • sattes bildstöd
  • tillsatt embed knapp
  • knapp tillsatt andel
  • lagt riktiga fullscreen för Chrome, Safari, Firefox
UPPDATERING 3,0 [2012/02/23]
  • Fast en del buggar
  • omstrukturerade dokumentation
  • förändrad video galleri och videospelare DOM struktur

UPPDATERING 2,0 [07/09/2011]

  • Fast en del buggar
  • iPod / iPad / iPhone stöder
  • uppdateras till den senaste HTML5 standarder

Egenskaper

  • fokusera på videon - den fullscreen-knappen låter dig njuta av video på hela webbläsarfönstret
  • HTML5 drivs - HTML5 video inslag & javascript local gör detta till en framkant galleri
  • minns dina inställningar - spelaren använder HTML5 s local för att lagra den sista volymen du har ställt in, så när du stänger sidan och öppna den senare volymen är tillbaka där du lämnade det
  • kompatibel med alla större webbläsare, inklusive IE - ger blixtreserv för webbläsare som inte stöder videotaggen (du kan ange vilken video att spela igenom Flashvars) flash videospelare har samma hud som standard en så det ser samma på alla plattformar
  • iphone / ipad kompatibel - detta galleri har optimerats apple touch-enheter
  • css drivs skinn - galleriet css är uppdelad i två delar - funktionell och estethic så det är väldigt lätt att göra din egen hud

    Tillgångar

    Video från - http://www.bigbuckbunny.org/

    FAQ

    1st video fungerar bra, men inte 2: a video inte ladda alls
    Troligen du testar och har bifogat samma youtube video. Du kan inte ha samma youtube video i 2 platser.
    hur gör jag bädda Vimeo länkar till det?
    bara lägga till denna uppmärkning inuti videogallery-con
     <Div class = "VPlayer-Tobe" data videoTitle = 'Vimeo video "datatyp =" Vimeo "data-src =" 31539657 "> <div class =" menuDescription "> <img src =" http: // dummyimage.com / 50x50 / 000000 / fff & text = tumme "class =" imgblock "/> <div class =" the-titeln "> Detta är en Vimeo video </ div> Miniatyr kan Autogenerate... </ div> </ div> 
    Ändra data src värde med id på din Vimeo video
    Kan detta användas för video som inte finns i Vimeo eller YouTube? Jag har några videoklipp som lagras på en server jag skulle vilja länka till direkt. Hör av dig asap. tack
    Visst, det är gjort speciellt för att spela själv värd videor. YouTube och Vimeo är bara en bonus.
    Hur får jag sociala medier ikoner för att arbeta?
    kontrollera inställningen shareCode för vGallery funktion
    Hur gör jag min video ordentligt kodade att använda inom detta galleri?

    Du behöver din film konverteras till 2-format för att se till att html5 videouppspelningar i alla webbläsare

    Webbläsarstöd och rekommenderade kodningsprogram

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

    Chrome och 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 förspänning> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <object type = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "synlighet: synliga;"> <Param name = "movie" value = "preview.swf"> <param name = "menu" = "false"> <param name = "allowscriptaccess" = "always"> <Param name = "skala" = "noScale"> <param name = "allowfullscreen" = "true"> <param name = "wmode" = "ogenomskinlig"> <Param name = "flashvars" = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Jag har min video redo, hur lägger jag till den bidragsnivån galleriet?

    Bästa sättet att lära sig att om du inte är förenliga med html är med gott exempel. Öppen källkod / index.html och runt linje 122 kommer du att se:

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

    <Videokontroller förspänning>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codecs = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codecs = "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" = "true"> </ param>
    <Param name = "allowscriptaccess" = "always"> </ param>
    <Param name = "wmode" = "ogenomskinlig"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "ogenomskinlig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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

    Detta representerar det sista video i galleriet och det är ett bra exempel så låt oss klona det och name it Video 6 i stället för video 5

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

    <Videokontroller förspänning>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codecs = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codecs = "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" = "true"> </ param>
    <Param name = "allowscriptaccess" = "always"> </ param>
    <Param name = "wmode" = "ogenomskinlig"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "ogenomskinlig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "VPlayer" data description = "<img src = 'img / thumb.png" class = "imgblock' /> Video 6" data img = "img / 1.jpg">

    <Videokontroller förspänning>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codecs = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codecs = "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" = "true"> </ param>
    <Param name = "allowscriptaccess" = "always"> </ param>
    <Param name = "wmode" = "ogenomskinlig"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "ogenomskinlig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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





    FIY är detta galleri skapad av författaren till bästsäljande, mest utrustad lager galleri på internet som får ständiga uppdateringar (mer än 10 hittills)
    skins ipad Compal skinable minut Flashvars erabIed Lokala videos7 och moe! Envato AftESS SUPPORT FORUM FASTSI.FPORT

  • Hämta
    Andra komponenter i denna kategoriAlla komponenter i denna författare
    KommentarerVanliga frågor och svar

    Egenskaper

    Skapad:
    3 September 10, Senast uppdaterad

    Nyckelord

    e-handel, alla artiklar, beskrivning, flash, flash reserv, Flashvars, fullscren, galleri, grafik, HTML5, det vill sä, ga, bilder, info, local, video, volym, xml