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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS FORUM DI SUPPORTO FASTSI.FPORT

Intro

Vuoi un Video Gallery che è facile da installare, personalizzare, funziona in tutti i browser (anche IE8), è fino agli ultimi standard (HTML5), ha il supporto multimediale (anche audio / immagini), in grado di alimentare da parte dei fornitori di condivisione video (youtube / vimeo)? Allora questo è il Video Gallery per presentare i vostri video sul vostro sito.

La galleria opera in tutti i principali browser ambiente - tra cui IE attraverso il flash di ripiego. Inoltre, inserendo un singolo video nella galleria video, si trasforma in un lettore video.

Questa galleria utilizza le più recenti tehniques HTML5. Per esempio - usa HTML5 LocalStorage per ricordare l'ultimo volume si aveva prima di uscire e stabilisce indietro che il volume quando si torna. La pelle è messa a punto tramite semplice CSS - quindi è completamente pelle in grado con i CSS di base

Aggiornamenti

UPDATE 8.00 [2014/09/22]

  • [Fix] alcuni bug

UPDATE 7.50 [2014/04/08]

  • [TWEAK] transizioni ora molto più agevole
  • [TWEAK] aggiornamento anteprima

UPDATE 7.44 [2014/03/26]

  • [Fix] bug multipli
  • [FIX] anteprima
  • [FIX] aggiungere il supporto dei sottotitoli

UPDATE 6.78 [2013/10/14]

  • [Fix] bug multipli

UPDATE 6.10 [10/02/2013]

  • [Fix] bug a conclusione del video di youtube, l'audio potrebbe ancora giocare
UPDATE 5.11 [10/02/2013]
  • fissa un fatale IE9 / IE10 bug
  • aggiornato per funzionare con jQuery 1.9.1 senza plug migrate
UPDATE 5.00 [2013/01/10]
  • Tasto aggiunto HD per i video di YouTube
  • aggiunto nuovo modo di scorrere le thumbsandarrows menu (controllare demo canale YouTube in anteprima)
  • aggiunte tre nuove modalità - rotatori, rotator3d e parete
  • pelli per la galleria e il lettore sono ora indipendenti
  • aggiunto nuova galleria della pelle - nav_transparent - voci di menu di navigazione circolare e trasparente
  • aggiunto nuova pelle impressionante per il giocatore - aurora
  • documentazione aggiornata
  • altri bug risolti
UPDATE 4.10 [2012/10/22]
  • bug fullscreen fissi (funziona perfettamente su Safari, Chrome, Firefox e browser compatibili future)
  • aggiunto supporto pubblicitario - immagine / youtube o annuncio video
  • altri bug risolti
UPDATE 4.0 [05/02/2012]
  • corretti alcuni bug
  • video gallery e il video modificato la struttura giocatore DOM
  • aggiunta una nuova barra di buffering
  • supporto Vimeo aggiunto
  • supporto audio aggiunto
  • Supporto immagine aggiunto
  • Pulsante embed aggiunto
  • pulsante di condivisione aggiunto
  • aggiunto fullscreen vero per Chrome, Safari, Firefox
UPDATE 3.0 [2012/02/23]
  • corretti alcuni bug
  • documentazione ristrutturato
  • video gallery e il video modificato la struttura giocatore DOM

UPDATE 2.0 [07/09/2011]

  • corretti alcuni bug
  • supporti iPod / iPad / iPhone
  • aggiornato agli ultimi standard HTML5

Caratteristiche

  • concentrarsi sul video - il pulsante fullscreen ti permette di godere del video sulla finestra di complesso del browser
  • html5 alimentato - elemento video HTML5 e javascript localStorage rende questa galleria un tagliente
  • ricorda le preferenze - questo lettore utilizza LocalStorage di HTML5 per memorizzare l'ultimo volume è stato impostato, in modo che quando si chiude la pagina e aprirlo più tardi, il volume è terzino destro dove si era lasciato
  • compatibile con tutti i principali browser, tra cui Internet Explorer - prevede Flash fallback per i browser che non supportano il tag video (è possibile specificare che il video a giocare con FlashVars) il lettore video in flash ha la stessa pelle come quella di default in modo che appaia il stesso su tutte le piattaforme
  • iphone / ipad compatibile - Dispositivi questa galleria è stata ottimizzata mela tocco
  • css pelli alimentato - la galleria css è diviso in due parti - funzionale e estethic quindi è molto facile fare la propria pelle

    Beni

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

    FAQ

    1 ° il video funziona bene, ma, secondo il video non carica affatto
    Molto probabilmente si sta testando e aver collegato lo stesso video youtube. Non si può avere lo stesso video youtube in 2 posti.
    Come faccio a incorporare link Vimeo in esso?
    basta aggiungere questo markup all'interno del videogallery-con
     <Div class = "LAYERFIN-tobe" data-videoTitle = 'video di Vimeo' tipo di dati = "Vimeo" data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / FFF & text = pollice "class =" imgblock "/> <div class =" la-title "> Questo è un video di Vimeo </ div> La miniatura può autogenerare... </ div> </ div> 
    Modificare il valore di dati-src con l'ID del video Vimeo
    Questo può essere utilizzato per i video che non sono in Vimeo o YouTube? Ho alcuni video ospitati su un server che vorrei collegarsi direttamente a. Per favore fatemi sapere al più presto. grazie
    Certo, è fatto appositamente per la riproduzione dei video auto ospitato. YouTube e Vimeo sono solo un bonus.
    Come faccio ad avere le icone social media per lavorare?
    verificare l'impostazione shareCode per la funzione vGallery
    Come faccio a rendere il mio video correttamente codificato da utilizzare all'interno di questa galleria?

    È necessario il filmato convertito in 2 formati in modo da assicurarsi che il video HTML5 gioca in tutti i browser

    Supporto browser e programma di codifica raccomandato

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

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

    Video struttura DOM

     <Div class = "LAYERFIN" data-description = "My Video" data-img = "img / 1.jpg"> <Controlli video precarico> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <object type = dati "application / x-shockwave-flash" = "width preview.swf" = "550" height = "300" id = stile "flashcontent" = "di visibilità: visibili;"> <Param name = "movie" value = "preview.swf"> <param name = value "menu" = "false"> <param name = value "allowScriptAccess" = "always"> <Name = value "scala" param = "noScale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "opaco"> <Param name = value "FlashVars" = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Ho il mio video pronto, come faccio ad aggiungere che whitin galleria?

    Il modo migliore per imparare che se non si è coerenti con html è l'esempio. Open source / index.html e intorno alla linea 122 si vedrà:

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

    <Controlli video precarico>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = 'video / WebM; codec = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "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 = value "allowScriptAccess" = "always"> </ param>
    <Param name = "wmode" value = "opaco"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tipo embed = "application x-shockwave-flash /" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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

    Questo rappresenta l'ultimo video nella galleria, ed è un buon esempio quindi cerchiamo di clone e il nome Video 6 invece di 5 Video

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

    <Controlli video precarico>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = 'video / WebM; codec = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "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 = value "allowScriptAccess" = "always"> </ param>
    <Param name = "wmode" value = "opaco"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tipo embed = "application x-shockwave-flash /" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "LAYERFIN" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" Dati-img = "img / 1.jpg">

    <Controlli video precarico>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = 'video / WebM; codec = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "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 = value "allowScriptAccess" = "always"> </ param>
    <Param name = "wmode" value = "opaco"> </ param>
    <Src = "preview.swf? Video = video / advideo.flv" tipo embed = "application x-shockwave-flash /" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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





    FIY, questa galleria è stato creato da l'autore del best-seller, la maggior parte di funzionalità galleria stock su internet, che riceve aggiornamenti costanti (più di 10 finora)
    Skins iPhone iPad COMPAL FlashVars minut skinable erabIed videos7 locale e moe! Envato AftESS FORUM DI SUPPORTO FASTSI.FPORT

  • Scarica
    Altri componenti di questa categoriaTutti i componenti di questo autore
    CommentiDomande frequenti e risposte

    Proprietà

    Creato:
    3 settembre 10

    Ultimo aggiornamento:
    22 settembre 14

    alta risoluzione:
    Sì, browser compatibili

    Software Version:
    HTML5

    Parole chiave

    eCommerce, tutti gli articoli, descrizione, flash, flash fallback, FlashVars, fullscren, galleria, grafica, HTML5, vale a dire, le immagini, informazioni, LocalStorage, video, volume, xml