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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPORT FÒRUM FASTSI.FPORT

Introducció

Vols un galeria que és fàcil d'instal·lar, personalitzar, que funciona a tots els navegadors (fins i tot IE8), és fins als últims estàndards (HTML5), compta amb suport multimèdia (àudio / massa imatges), pot alimentar de proveïdors per compartir vídeos (youtube / vimeo)? Llavors aquesta és la Galeria de vídeos per mostrar els seus vídeos al seu lloc.

La galeria funciona en tots els principals navegadors ambient - incloent IE a través de flash de replegament. A més, mitjançant la introducció d'un sol vídeo a la galeria de vídeo, es converteix en un reproductor de vídeo.

Aquesta galeria utilitza les últimes tehniques html5. Per exemple - que utilitza HTML5 LocalStorage recordar l'últim volum que tenia abans de sortir i tornar estableix que el volum quan tornis. La pell és la configuració a través de simples CSS - pel que és totalment capaç pell amb CSS bàsic

Actualitzacions

ACTUALITZACIÓ 8.00 [09/22/2014]

  • [FIX] alguns bugs

ACTUALITZACIÓ 7.50 [2014.04.08]

  • [Cydia] transicions ara molt més suau
  • [Cydia] actualització de vista prèvia

ACTUALITZACIÓ 7.44 [03/26/2014]

  • [FIX] múltiples errors
  • [FIX] Vista prèvia
  • [FIX] afegir suport de subtítols

ACTUALITZACIÓ 6.78 [10/14/2013]

  • [FIX] múltiples errors

ACTUALITZACIÓ 6.10 [10/02/2013]

  • [Solució] error al final del vídeo de youtube, l'àudio encara jugaria
ACTUALITZACIÓ 5.11 [10/02/2013]
  • fixa un fatal error IE9 / IE10
  • actualitzat per treballar amb jQuery 1.9.1 sense el connector de migració
ACTUALITZACIÓ 5.00 [2013.01.10]
  • botó HD afegit per als vídeos de YouTube
  • afegit nova forma de navegar pels menús thumbsandarrows (marqui demostració canal de YouTube a la vista prèvia)
  • afegit tres noves maneres - rotador, rotator3d i la paret
  • pells per galeria i de jugador són independents
  • afegit nova galeria de la pell - nav_transparent - elements de menú de navegació circular i transparent
  • afegit nova pell impressionant per al jugador - aurora
  • documentació actualitzada
  • altres errors corregits
ACTUALITZACIÓ 4.10 [10/22/2012]
  • errors de pantalla completa fixa (funciona perfectament en Safari, Chrome, Firefox i futurs navegadors compatibles)
  • agregat anunci de suport - imatge / youtube o d'anuncis de vídeo
  • altres errors corregits
ACTUALITZACIÓ 4.0 [05/02/2012]
  • fixa alguns bugs
  • La galeria de vídeo canviada i vídeo reproductor estructura DOM
  • afegit una nova barra amortidora
  • suport Vimeo afegit
  • suport d'àudio afegit
  • suport d'imatges afegit
  • botó embed afegit
  • botó de compartir afegit
  • afegit a pantalla completa real per Chrome, Safari, Firefox
ACTUALITZACIÓ 3.0 [23/02/2012]
  • fixa alguns bugs
  • documentació reestructurat
  • La galeria de vídeo canviada i vídeo reproductor estructura DOM

ACTUALITZACIÓ 2.0 [07/09/2011]

  • fixa alguns bugs
  • suports iPod / iPad / iPhone
  • actualitzat amb els últims estàndards HTML5

Característiques

  • se centren en el vídeo - el botó de pantalla completa de li permeten gaudir el vídeo en tota la finestra del navegador
  • html5 alimentat - element de vídeo HTML5 i Javascript localStorage fa aquesta galeria un tall
  • recorda les seves preferències - aquest jugador utilitza LocalStorage d'HTML5 amb la finalitat d'emmagatzemar l'últim volum que ha configurat, així que quan es tanca la pàgina i obre més tard, el volum és just on ho vas deixar
  • compatible amb tots els principals navegadors, incloent IE - proporciona el flaix de reserva per als navegadors que no suporten l'etiqueta de vídeo (pot especificar quins vídeo a jugar a través d'FlashVars) del reproductor de vídeo flash té la mateixa pell com el predeterminat perquè es vegi la mateixa en totes les plataformes
  • dispositius tàctils illa aquesta galeria ha estat optimitzat - compatible iphone / ipad
  • css pells alimentat - la galeria css es divideix en dues parts - funcional i estethic així que és molt fàcil de fer la seva pròpia pell

    Béns

    Vídeo de - http://www.bigbuckbunny.org/

    PF

    Primer de vídeo funciona bé, però, segon de vídeo no es carrega en absolut
    El més probable és que estigui provant i ha adjuntat el mateix vídeo youtube. No es pot tenir el mateix vídeo de youtube en 2 llocs.
    Com puc incrustar enllaços vimeo en ell?
    només ha d'afegir aquesta marcat a l'interior del videogallery condicionat
     <Div class = "Fons documental-Tobe" dades videoTitle = 'Vimeo vídeo' data-type = "vimeo" dades-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = polze "class =" imgblock "/> <div class =" el-title "> Aquest és un vídeo Vimeo </ div> La miniatura pot autogenerar... </ div> </ div> 
    Canvieu el valor de dades-src amb l'id del seu vídeo vimeo
    ¿Pot ser usat per als vídeos que no estan a Vimeo o YouTube? Tinc alguns vídeos allotjats en un servidor que m'agradaria enllaçar directament. Si us plau, m'ho saber el més aviat possible. gràcies
    És clar, que està fet específicament per a la reproducció de vídeos acte organitzat. YouTube i Vimeo són només un bo.
    Com puc obtenir les icones dels mitjans socials per treballar?
    comprovar l'ajust shareCode per a la funció vGallery
    Com puc fer el meu vídeo adequadament codificat per utilitzar dins d'aquesta galeria?

    Vostè necessita la seva pel·lícula converteix 2 formats per tal d'assegurar-se que reprodueix el vídeo HTML5 en tots els navegadors

    Compatibilitat del navegador i programa de codificació recomanat

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

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

    Vídeo estructura DOM

     <Div class = "Fons documental" -descripció de dades = "My Video" dades-img = "img / 1.jpg"> <Controls de vídeo precàrrega> <Source src = "vídeo / myvideo.m4v" /> <Source src = "vídeo / myvideo.ogg" /> <Tipus d'objecte = "application / x-shockwave-flash" data = amplada "preview.swf" = "550" height = "300" id = estil "flashcontent" = "visibility: visible;"> <Param name = "movie" value = "preview.swf"> <param name = valor "menú" = "false"> <param name = valor "allowScriptAccess" = "always"> <Param name = valor "escala" = "noScale"> <param name = valor "allowFullScreen" = "true"> <param name = valor "embed" = "opac"> <Param name = "FlashVars" value = "vídeo = video / myvideo.m4v"> </ Object> </ Vídeo> </ Div> 

    Tinc el meu vídeo llest, com puc afegir que Whitin la galeria?

    La millor manera d'aprendre que si no està d'acord amb html és amb l'exemple. El codi obert / index.html i al voltant de la línia 122, veurà:

    [..]
    <Div class = "Fons documental" -descripció de dades = "<'img / thumb.png" classe img src = =' imgblock '/> Vídeo 5 "dades-img =" img / 1.jpg ">

    <Controls de vídeo precàrrega>
    <Src font = "vídeo / test.mp4" type = "vídeo / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "vídeo / test.webm" type = vídeo '/ WebM; codecs = "VP8, vorbis" "/>
    <Source src = "vídeo / test.ogg" type = vídeo '/ ogg; codecs = "theora, vorbis" "/>
    <Source src = "vídeo / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = valor "allowFullScreen" = "true"> </ param>
    <Param name = valor "allowScriptAccess" = "always"> </ param>
    <Param name = valor "embed" = "opac"> </ param>
    <Src = "? Vídeo = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opac">
    </ Embed>
    </ Object>
    </ Vídeo>
    </ Div>

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

    Això representa l'últim vídeo a la galeria, i és un bon exemple així que anem a clonar això i el nomena Vídeo 6 en lloc de vídeo 5

    [..]
    <Div class = "Fons documental" -descripció de dades = "<'img / thumb.png" classe img src = =' imgblock '/> Vídeo 5 "dades-img =" img / 1.jpg ">

    <Controls de vídeo precàrrega>
    <Src font = "vídeo / test.mp4" type = "vídeo / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "vídeo / test.webm" type = vídeo '/ WebM; codecs = "VP8, vorbis" "/>
    <Source src = "vídeo / test.ogg" type = vídeo '/ ogg; codecs = "theora, vorbis" "/>
    <Source src = "vídeo / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = valor "allowFullScreen" = "true"> </ param>
    <Param name = valor "allowScriptAccess" = "always"> </ param>
    <Param name = valor "embed" = "opac"> </ param>
    <Src = "? Vídeo = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opac">
    </ Embed>
    </ Object>
    </ Vídeo>
    </ Div>
    <Div class = "Fons documental" -descripció de dades = "<'img / thumb.png" classe img src = =' imgblock '/> Vídeo 6 "dades-img =" img / 1.jpg ">

    <Controls de vídeo precàrrega>
    <Src font = "vídeo / test.mp4" type = "vídeo / mp4; codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "vídeo / test.webm" type = vídeo '/ WebM; codecs = "VP8, vorbis" "/>
    <Source src = "vídeo / test.ogg" type = vídeo '/ ogg; codecs = "theora, vorbis" "/>
    <Source src = "vídeo / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Vídeo = video / advideo.flv"> </ param>
    <Param name = valor "allowFullScreen" = "true"> </ param>
    <Param name = valor "allowScriptAccess" = "always"> </ param>
    <Param name = valor "embed" = "opac"> </ param>
    <Src = "? Vídeo = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opac">
    </ Embed>
    </ Object>
    </ Vídeo>
    </ Div>

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





    FIY, aquesta galeria és creat per l'autor del best-seller, la majoria-ofert galeria estoc a Internet que rep constants actualitzacions (més de 10 fins ara)
    Skins iPhone iPad Compal FlashVars minut skinable erabIed videos7 Local i moe! Envato AftESS SUPORT FÒRUM FASTSI.FPORT

  • Descarregar
    Altres components d'aquesta categoriaTots els components d'aquest autor
    Comentaris dels clientsPreguntes freqüents i respostes

    Propietats

    Creat:
    03 de septiembre 10

    :
    Última Actualització setembre 22 14

    alta resolució:

    Navegadors compatibles:
    IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Arxius inclosos

    Versió de programari:
    HTML5

    Paraules clau

    eCommerce, tots els articles, vista general, flash, flash de replegament, flashvars, fullscren, galeria, grà, fics, html5, é, s a dir, imatges, informació, localStorage, ví, deo, volum, xml