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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPPORT FORUM FASTSI.FPORT

Intro

Ønsker du en video galleri, der er let at installere, tilpasse, virker i alle browsere (selv IE8), er op til de nyeste standarder (HTML5), har multimedier også (audio / billeder), kan foder fra video-sharing udbydere (youtube / Vimeo)? Så er dette Video Galleri for at fremvise dine videoer på dit websted.

Galleriet fungerer i alle større browsere miljø - herunder IE gennem flash fall-back. Også, ved at indtaste en enkelt video i video galleri, bliver det en videoafspiller.

Dette galleri benytter de nyeste HTML5 tehniques. For eksempel - det bruger HTML5 localStorage at huske den sidste lydstyrke du havde før du afslutter og sætter tilbage at lydstyrken, når du kommer tilbage. Huden er opsætning via simpel CSS - så det er fuldt hud-stand med grundlæggende CSS

Opdateringer

UPDATE 8.00 [2014/09/22]

  • [FIX] nogle bugs

UPDATE 7,50 [2014/04/08]

  • [TWEAK] overgange nu meget glattere
  • [TWEAK] forhåndsvisning opdatering

UPDATE 7.44 [2014/03/26]

  • [FIX] flere bugs
  • [FIX] forhåndsvisning
  • [FIX] tilføje undertekster support

UPDATE 6.78 [2013/10/14]

  • [FIX] flere bugs

UPDATE 6.10 [2013/10/02]

  • [Fix] bug ved afslutningen af ​​youtube video, ville lyden stadig spille
UPDATE 5.11 [2013/10/02]
  • fast en fatal IE9 / IE10 bug
  • opdateret til at arbejde med jQuery 1.9.1 uden migrere plugin
UPDATE 5.00 [2013/01/10]
  • tilføjede HD knap til YouTube-videoer
  • tilføjet nye måde at rulle menuen thumbsandarrows (tjek YouTube Channel demo i preview)
  • tilføjet tre nye modes - rotator, rotator3d og væg
  • skind til galleri og spiller nu uafhængige
  • tilføjet nye galleri skin - nav_transparent - menupunkter cirkulær og gennemskuelig navigation
  • tilføjet nye fantastisk hud for spilleren - aurora
  • opdateret dokumentation
  • andre bugs fast
UPDATE 4.10 [2012/10/22]
  • faste fullscreen bugs (virker perfekt på Safari, Chrome, Firefox og fremtidige kompatible browsere)
  • tilføjede reklame support - billede / youtube eller videoannonce
  • andre bugs fast
UPDATE 4.0 [05/02/2012]
  • fast nogle bugs
  • ændrede video galleri og videoafspiller DOM struktur
  • tilføjede et nyt buffering bar
  • tilføjet Vimeo support
  • tilføjet lydunderstøttelse
  • tilføjede billede support
  • tilføjede embed-knap
  • tilføjede aktie knap
  • tilføjet real fullscreen til Chrome, Safari, Firefox
UPDATE 3.0 [2012/02/23]
  • fast nogle bugs
  • omstruktureret dokumentation
  • ændrede video galleri og videoafspiller DOM struktur

UPDATE 2.0 [07/09/2011]

  • fast nogle bugs
  • iPod / iPad / iPhone understøtter
  • opdateret til de nyeste HTML5 standarder

Egenskaber

  • fokusere på video - det fullscreen knap lader dig nyde video på hele browservindue
  • HTML5 drevne - HTML5 video element & javascript localStorage gør dette til en forkant galleri
  • husker dine præferencer - det spiller bruger HTML5 s localStorage for at lagre den sidste bind, du har indstillet, så når du lukker siden og åbne den senere, lydstyrken er højre back, hvor du forlod det
  • kompatibel med alle større browsere, herunder IE - giver flash fallback for browsere, som ikke understøtter video tag (du kan angive, hvilke video til at spille igennem FlashVars) flash video afspiller har samme hud som standard en, så det ser det samme på alle platforme
  • iPhone / iPad kompatibel - dette galleri er blevet optimeret apple touch-enheder
  • css drevne skind - galleriet css er opdelt i to dele - funktionel og estethic så det er meget nemt at lave din egen hud

    Aktiver

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

    FAQ

    1. video virker fint, men, er 2nd video ikke indlæse på alle
    Sandsynligvis du tester og har vedhæftet den samme youtube video. Du kan ikke have den samme youtube video i 2 steder.
    hvordan kan jeg integrere Vimeo links i det?
    blot tilføje denne markup inde 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 = tommelfinger "class =" imgblock "/> <div class =" the-title "> Dette er en Vimeo video </ div> Miniaturen kan autogenerere... </ div> </ div> 
    Ændre data-src værdi med id af din vimeo video
    Kan det bruges til videoer, der er IKKE i Vimeo eller YouTube? Jeg har nogle videoer hostes på en server, jeg gerne vil linke til direkte. Lad mig vide asap. thx
    Sure, det er lavet specielt til at spille self hosted videoer. YouTube og Vimeo er blot en bonus.
    Hvordan får jeg de sociale medier ikoner til at arbejde?
    kontrollere shareCode indstillingen for vGallery funktionen
    Hvordan gør jeg min video korrekt kodet til brug inden dette galleri?

    Du har brug for din film konverteret til 2 formater med henblik på at sørge for HTML5 video spiller i alle browsere

    Browser support & anbefalede kodning program

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

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

    Video DOM struktur

     <Div class = "vplayer" data-beskrivelse = "My Video" data-img = "img / 1.jpg"> <Video kontroller preload> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <objekttype = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "synlighed: synlige;"> <Param name = "movie" value = "preview.swf"> <param name = "menu" value = "false"> <param name = "allowScriptAccess" value = "altid"> <Param name = "skala" value = "noscale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "uigennemsigtig"> <Param name = "FlashVars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Jeg har min video klar, hvordan kan jeg tilføje det præmiens galleriet?

    Bedste måde at lære, at hvis du ikke er i overensstemmelse med html er ved eksempel. Open source / index.html og omkring linie 122, vil du se:

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

    <Video kontroller preload>
    <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" />

    <Objekt 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 = "altid"> </ param>
    <Param name = "wmode" value = "uigennemsigtig"> </ param>
    <Indlejre src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "altid" allowfullscreen = "true" wmode = "uigennemsigtig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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

    Dette repræsenterer den sidste video i galleriet, og det er et godt eksempel, så lad os klone dette og kalde den Video 6 i stedet for video 5

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

    <Video kontroller preload>
    <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" />

    <Objekt 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 = "altid"> </ param>
    <Param name = "wmode" value = "uigennemsigtig"> </ param>
    <Indlejre src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "altid" allowfullscreen = "true" wmode = "uigennemsigtig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "vplayer" data-beskrivelse = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" data-img = "img / 1.jpg">

    <Video kontroller preload>
    <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" />

    <Objekt 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 = "altid"> </ param>
    <Param name = "wmode" value = "uigennemsigtig"> </ param>
    <Indlejre src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "altid" allowfullscreen = "true" wmode = "uigennemsigtig">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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





    FIY er dette galleri skabt af forfatter til den bedst sælgende, mest-featured bestand galleri på internettet, som modtager løbende opdateringer (mere end 10 indtil videre)
    Skins iPhone iPad Compal skinable minut FlashVars erabIed Lokal videos7 og moe! Envato AftESS SUPPORT FORUM FASTSI.FPORT

  • Hent
    Andre komponenter i denne kategoriAlle komponenter i denne forfatter
    KommentarerOfte stillede spørgsmål og svar

    Egenskaber

    Oprettet:
    3 September 10

    Seneste opdatering:
    22 September 14

    High Resolution:
    Ja, Kompatible Browsere

    Søgeord

    eCommerce, alle varer, beskrivelse, flash, flash fallback, FlashVars, fullscren, galleri, grafik, HTML5, dvs billeder, info, localStorage, video, volumen, xml