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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS APOYO FORO FASTSI.FPORT

Introducción

¿Quieres una galeria que es fácil de instalar, personalizar, que funciona en todos los navegadores (incluso IE8), es hasta los últimos estándares (HTML5), cuenta con soporte multimedia (audio / demasiado imágenes), puede alimentar de proveedores para compartir vídeos (youtube / vimeo)? Entonces esta es la Galería de vídeos para mostrar sus vídeos en su sitio.

La galería funciona en todos los principales navegadores ambiente - incluyendo IE a través de flash de repliegue. Además, mediante la introducción de un solo vídeo en la galería de vídeo, se convierte en un reproductor de vídeo.

Esta galería utiliza las últimas tehniques html5. Por ejemplo - que utiliza HTML5 LocalStorage recordar el último volumen que tenía antes de salir y volver establece que el volumen cuando vuelvas. La piel es la configuración a través de simples CSS - por lo que es totalmente capaz piel con CSS básico

Actualizaciones

ACTUALIZACIÓN 8.00 [09/22/2014]

  • [FIX] algunos bugs

ACTUALIZACIÓN 7.50 [08/04/2014]

  • [TWEAK] transiciones ahora mucho más suave
  • [TWEAK] actualización de vista previa

ACTUALIZACIÓN 7.44 [03/26/2014]

  • [FIX] múltiples errores
  • [FIX] Vista previa
  • [FIX] añadir soporte de subtítulos

ACTUALIZACIÓN 6.78 [10/14/2013]

  • [FIX] múltiples errores

ACTUALIZACIÓN 6.10 [10/02/2013]

  • [Solución] error al final del video de youtube, el audio todavía jugaría
ACTUALIZACIÓN 5.11 [10/02/2013]
  • fija un fatal error IE9 / IE10
  • actualizado para trabajar con jQuery 1.9.1 sin el plugin de migración
ACTUALIZACIÓN 5.00 [10/01/2013]
  • botón HD añadido para los vídeos de YouTube
  • añadido nueva forma de desplazarse por los menús thumbsandarrows (marque demostración canal de YouTube en la vista previa)
  • añadido tres nuevos modos - rotador, rotator3d y la pared
  • pieles para galería y jugador ahora son independientes
  • añadido nueva galería de la piel - nav_transparent - elementos de menú de navegación circular y transparente
  • añadido nueva piel impresionante para el jugador - aurora
  • documentación actualizada
  • otros errores corregidos
ACTUALIZACIÓN 4.10 [10/22/2012]
  • errores de pantalla completa fija (funciona perfectamente en Safari, Chrome, Firefox y futuros navegadores compatibles)
  • agregado anuncio de apoyo - imagen / youtube o de anuncios de vídeo
  • otros errores corregidos
ACTUALIZACIÓN 4.0 [05/02/2012]
  • fija algunos bugs
  • La galería de video cambiada y video reproductor estructura DOM
  • añadido una nueva barra amortiguadora
  • apoyo Vimeo añadido
  • soporte de audio añadido
  • soporte de imágenes añadido
  • botón embed añadido
  • botón de compartir añadido
  • añadido a pantalla completa real para Chrome, Safari, Firefox
ACTUALIZACIÓN 3.0 [23/02/2012]
  • fija algunos bugs
  • documentación reestructurado
  • La galería de video cambiada y video reproductor estructura DOM

ACTUALIZACIÓN 2.0 [07/09/2011]

  • fija algunos bugs
  • soportes iPod / iPad / iPhone
  • actualizado con los últimos estándares HTML5

Características

  • se centran en el video - el botón de pantalla completa de le permiten disfrutar el video en toda la ventana del navegador
  • html5 alimentado - elemento de vídeo HTML5 y javascript localStorage hace esta galería un filo
  • recuerda sus preferencias - este jugador utiliza LocalStorage de HTML5 con el fin de almacenar el último volumen que ha configurado, así que cuando se cierra la página y abre más tarde, el volumen es justo donde lo dejaste
  • compatible con todos los principales navegadores, incluyendo IE - proporciona el flash de reserva para los navegadores que no soportan la etiqueta de vídeo (puede especificar qué vídeo a jugar a través de FlashVars) del reproductor de vídeo flash tiene la misma piel como el predeterminado para que se vea la misma en todas las plataformas
  • dispositivos táctiles manzana esta galería ha sido optimizado - compatible iphone / ipad
  • css pieles alimentado - la galería css se divide en dos partes - funcional y estethic así que es muy fácil de hacer su propia piel

    Bienes

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

    PF

    Primero de vídeo funciona bien, pero, segundo de vídeo no se carga en absoluto
    Lo más probable es que esté probando y ha adjuntado el mismo video youtube. No se puede tener el mismo video de youtube en 2 lugares.
    ¿Cómo puedo incrustar enlaces vimeo en él?
    sólo tiene que añadir esta marcado en el interior del videogallery acondicionado
     <Div class = "Fondo documental-Tobe" datos videoTitle = 'Vimeo vídeo' data-type = "vimeo" datos-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = pulgar "class =" imgblock "/> <div class =" el-title "> Este es un video Vimeo </ div> La miniatura puede autogenerar... </ div> </ div> 
    Cambie el valor de datos-src con el id de su video vimeo
    ¿Puede ser usado para los vídeos que no están en Vimeo o YouTube? Tengo algunos vídeos alojados en un servidor que me gustaría enlazar directamente. Por favor, hágamelo saber lo antes posible. gracias
    Claro, que está hecho específicamente para la reproducción de vídeos auto organizado. YouTube y Vimeo son sólo un bono.
    ¿Cómo puedo obtener los iconos de los medios sociales para trabajar?
    comprobar el ajuste shareCode para la función vGallery
    ¿Cómo puedo hacer mi video adecuadamente codificado para utilizar dentro de esta galería?

    Usted necesita su película convierte a 2 formatos con el fin de asegurarse de que reproduce el video html5 en todos los navegadores

    Compatibilidad del navegador y programa de codificación recomendado

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

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

    Vídeo estructura DOM

     <Div class = "Fondo documental"-descripción de datos = "My Video" datos-img = "img / 1.jpg"> <Controles de vídeo precarga> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <tipo de objeto = "application / x-shockwave-flash" data = anchura "preview.swf" = "550" height = "300" id = estilo "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" = "opaco"> <Param name = "FlashVars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Tengo mi video listo, ¿cómo puedo añadir que whitin la galería?

    La mejor manera de aprender que si no está en consonancia con html es con el ejemplo. El código abierto / index.html y alrededor de la línea 122, verá:

    [..]
    <Div class = "Fondo documental"-descripción de datos = "<'img / thumb.png" clase img src = =' imgblock '/> Video 5 "datos-img =" img / 1.jpg ">

    <Controles de vídeo precarga>
    <Src fuente = "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 = value "allowFullScreen" = "true"> </ param>
    <Param name = value "allowscriptaccess" = "always"> </ param>
    <Param name = value "embed" = "opaco"> </ param>
    <Src = "? Video = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO GALERÍA ->

    Esto representa el último video en la galería, y es un buen ejemplo así que vamos a clonar eso y lo nombra Video 6 en lugar de vídeo 5

    [..]
    <Div class = "Fondo documental"-descripción de datos = "<'img / thumb.png" clase img src = =' imgblock '/> Video 5 "datos-img =" img / 1.jpg ">

    <Controles de vídeo precarga>
    <Src fuente = "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 = value "allowFullScreen" = "true"> </ param>
    <Param name = value "allowscriptaccess" = "always"> </ param>
    <Param name = value "embed" = "opaco"> </ param>
    <Src = "? Video = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "Fondo documental"-descripción de datos = "<'img / thumb.png" clase img src = =' imgblock '/> Video 6 "datos-img =" img / 1.jpg ">

    <Controles de vídeo precarga>
    <Src fuente = "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 = value "allowFullScreen" = "true"> </ param>
    <Param name = value "allowscriptaccess" = "always"> </ param>
    <Param name = value "embed" = "opaco"> </ param>
    <Src = "? Video = video / preview.swf advideo.flv" embed type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "opaco">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO GALERÍA ->





    FIY, esta galería es creado por el autor del best-seller, la mayoría-ofrecido galería stock en Internet que recibe constantes actualizaciones (más de 10 hasta ahora)
    Skins iPhone iPad Compal FlashVars minut skinable erabIed videos7 Local y moe! Envato AftESS APOYO FORO FASTSI.FPORT

  • Descargar
    Otros componentes de esta categoríaTodos los componentes de este autor
    ComentariosPreguntas frecuentes y respuestas

    Propiedades

    Creado:
    03 de septiembre 10

    :
    Última Actualización 22 de septiembre 14

    alta resolución:

    Navegadores compatibles:
    IE7, IE8, IE9, IE10, EI11, Firefox, Safari, Opera, Chrome, Archivos incluidos

    Versión de software:
    HTML5

    Palabras clave

    eCommerce, todos los artí, culos, descripció, n, flash, flash de repliegue, flashvars, fullscren, galerí, a, grá, ficos, html5, es decir, imá, genes, informació, n, localStorage, ví, deo, volumen, xml