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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPORT FORUM FASTSI.FPORT

Introducere

Vrei un Galerie video care este ușor de instalat, pentru a personaliza, funcționează în toate browserele (chiar IE8), este de până la cele mai recente standarde (HTML5), are suport multimedia (audio / prea imagini), se poate alimenta de la furnizorii de partajare video (YouTube / vimeo)? Atunci acesta este Galeria Video a prezenta videoclipuri pe site-ul tău.

Galeria funcționează în toate browserele majore de mediu - inclusiv IE prin bliț de rezervă. De asemenea, prin introducerea unui singur film in galeria video, acesta devine un player video.

Aceasta galerie utilizeaza cele mai noi tehnici HTML5. De exemplu - se foloseste HTML5 localStorage să-și amintească ultimul volum ai avut înainte de a ieși și stabilește înapoi că volumul când te întorci. Pielea este de configurare prin simpla CSS - așa că este complet piele capabil, cu CSS de bază

Actualizări

UPDATE 8.00 [09/22/2014]

  • [FIX] unele bug-uri

UPDATE 7.50 [04/08/2014]

  • [Tweak] tranziții acum mult mai lin
  • [Tweak] modificare previzualizare

UPDATE 7.44 [03/26/2014]

  • [FIX] mai multe bug-uri
  • [FIX] preview
  • [FIX] adauga suport subtitrare

UPDATE 6.78 [10/14/2013]

  • [FIX] mai multe bug-uri

UPDATE 6.10 [10/02/2013]

  • [Fix] bug la final de youtube video, audio va juca în continuare
UPDATE 5.11 [10/02/2013]
  • fixat un bug fatal IE9 / IE10
  • actualizat pentru a lucra cu jQuery 1.9.1 fără plugin Migrarea
UPDATE 5.00 [01/10/2013]
  • buton adăugat HD pentru clipuri video pe YouTube
  • adăugat nou mod de a derula thumbsandarrows meniu (verificati demo YouTube canal în previzualizare)
  • adăugat trei noi moduri - rotator, rotator3d și perete
  • piei de galerie si player acum independente
  • a adaugat galerie de piele - nav_transparent - meniu articole de navigație circular și transparent
  • a adaugat piele minunat pentru jucător - Aurora
  • documentație actualizată
  • alte bug-uri fixe
UPDATE 4.10 [10/22/2012]
  • bug-uri Fullscreen fixe (functioneaza perfect pe Safari, Chrome, Firefox și viitoare browsere conforme)
  • sprijin publicitate adăugată - imagine / youtube sau video anunț
  • alte bug-uri fixe
UPDATE 4.0 [05/02/2012]
  • unele bug-uri fixe
  • galerie video schimbat și video structura jucator DOM
  • a adăugat un nou bar de tamponare
  • suport Vimeo adăugat
  • suport audio adăugat
  • sprijin imagine a adăugat
  • Butonul embed adăugat
  • butonul Share adăugat
  • adăugat fullscreen reală pentru Chrome, Safari, Firefox
UPDATE 3.0 [02/23/2012]
  • unele bug-uri fixe
  • documentație restructurat
  • galerie video schimbat și video structura jucator DOM

UPDATE 2.0 [07/09/2011]

  • unele bug-uri fixe
  • suporturi iPod / iPad / iPhone
  • actualizat la cele mai recente standarde HTML5

Caracteristici

  • se concentreze pe video - butonul tot ecranul să vă bucurați de video de pe fereastra browser-ului întreg
  • HTML5 alimentat - element de film HTML5 & javascript localStorage face aceasta galerie o muchie de tăiere
  • aminteste preferințele - acest jucător folosește localStorage HTML5, pentru a stoca ultimul volum ați setat, astfel încât atunci când închideți pagina și deschideți-l mai târziu, volumul este înapoi în cazul în care l-ați lăsat
  • compatibil cu toate browserele majore, inclusiv IE - prevede bliț rezervă pentru browsere care nu acceptă eticheta video (puteți specifica ce video pentru a juca, prin flashvars) video player Flash are aceeași piele ca cel implicit, astfel se pare aceeași pe toate platformele
  • iPhone / iPad compatibile - dispozitive Apple această galerie a fost optimizat atingere
  • css piei alimentat - Galeria CSS este împărțit în două părți - funcțională și estethic asa ca este foarte ușor de a face pielea ta

    Bunuri

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

    FAQ

    1 videoclip funcționează bine, dar, 2 video nu se incarca deloc
    Cel mai probabil sunteți de testare și au atașat aceeași video de pe YouTube. Nu puteți avea aceeași video de pe YouTube in 2 locuri.
    cum pot încorpora legături Vimeo în ea?
    trebuie doar să adăugați acest marcare interiorul Galerie Video-con
     <-Tip de date div class = "VPLAYER-tobe" date-videoTitle = 'videoclipuri Vimeo "=" Vimeo "date-src =" 31539657 "> <div class =" menuDescription "> <img src =" http: // dummyimage.com / 50x50 / 000000 / fff & text = degetul mare "class =" imgblock "/> <div class ="-titlul "> Acesta este un film Vimeo </ div> miniatură poate genera automat... </ div> </ div> 
    Modificați valoarea datelor src cu id-ul de video vimeo
    Poate fi folosit acest videoclipuri care nu sunt în Vimeo sau YouTube? Am niște clipuri video gazduite pe un server care aș vrea să se leagă de direct. Vă rugăm să-mi spuneți, urgent. mersi
    Sigur, este făcut special pentru redarea clipurilor video auto găzduit. YouTube și Vimeo sunt doar un bonus.
    Cum pot obține pictogramele social media pentru a lucra?
    verificați setarea shareCode pentru funcția vGallery
    Cum pot face videoclipul meu codat corect pentru a utiliza în această galerie?

    Ai nevoie de filmul convertit la 2 formate pentru a vă asigura că redă video HTML5 în toate browserele

    Suport Browser & program de codare recomandat

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

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

    Structura Video DOM

     <Div class = "VPLAYER" date-Descriere = "Video meu" date-img = "img / 1.jpg"> <Controale video de preload> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <tip de obiect = "application / x-shockwave-flash," date = "preview.swf" width = "550" height = "300" id = style "flashcontent" = "vizibilitate: vizibil;"> <Name param = "film" value = "preview.swf"> <param name = "menu" value = "false"> <param name = valoare "allowScriptAccess" = "always"> <Param name = valoare "scară" = "noscale"> <param name = valoare "allowFullScreen" = "true"> <param name = valoare "wmode" = "opac"> <Param name = "flashvars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Am clipul meu gata, cum am adauga whitin galeria?

    Cel mai bun mod de a afla că, dacă nu sunt conforme cu html este de exemplu. Open source / index.html și în jurul linia 122, veți vedea:

    [..]
    <Div class = "VPLAYER" date-Descriere = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" date-img = "img / 1.jpg">

    <Controale video de preload>
    <Source src = "video / test.mp4" type = "video / mp4; codec-uri = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codec-uri = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codec-uri = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Name param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Name param = valoare "allowFullScreen" = "true"> </ param>
    <Name param = valoare "allowscriptaccess" = "always"> </ param>
    <Name param = valoare "wmode" = "opac"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tip embed = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opace">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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

    Aceasta reprezintă ultima videoclipul din galerie, și este un bun exemplu Să clona ca și numele acesta video 6 în loc de video 5

    [..]
    <Div class = "VPLAYER" date-Descriere = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" date-img = "img / 1.jpg">

    <Controale video de preload>
    <Source src = "video / test.mp4" type = "video / mp4; codec-uri = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codec-uri = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codec-uri = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Name param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Name param = valoare "allowFullScreen" = "true"> </ param>
    <Name param = valoare "allowscriptaccess" = "always"> </ param>
    <Name param = valoare "wmode" = "opac"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tip embed = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opace">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "VPLAYER" date-Descriere = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" date-img = "img / 1.jpg">

    <Controale video de preload>
    <Source src = "video / test.mp4" type = "video / mp4; codec-uri = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; codec-uri = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; codec-uri = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Name param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Name param = valoare "allowFullScreen" = "true"> </ param>
    <Name param = valoare "allowscriptaccess" = "always"> </ param>
    <Name param = valoare "wmode" = "opac"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tip embed = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opace">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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





    Fiy, această galerie este creat de autorul best-seller, galerie stoc mai aparut pe internet, care primește actualizări constante (mai mult de 10 până acum)
    Skins iPhone iPad Compal flashvars minut skinable erabIed videos7 locale și Moe! Envato AftESS SUPORT FORUM FASTSI.FPORT

  • Descărcați
    Alte componente din această categorieToate componentele acestui autor
    ComentariiÎntrebări frecvente și răspunsuri

    Proprietăți

    Creat:
    03 septembrie 10

    Ultima actualizare:
    22 septembrie 14, de inalta rezolutie

    Browsere compatibile IE7:
    , IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, fișiere incluse

    Cuvinte cheie

    eCommerce, toate elementele, descriere, flash, rezervă flash, flashvars, fullscren, galerie, grafică, HTML5, adica, imagini, informatii, localStorage, video, volum, xml