Descargar: Reproductor de video azul HTML5 con lista de reproducción / galería

Versión de WordPress

Introducción

Quiere una Galería de videos que sea fácil de instalar, de personalizar, que funcione en todos los navegadores (incluso IE8), que cumpla con los últimos estándares (html5), que también tenga soporte multimedia (audio/imágenes), que pueda alimentarse de proveedores para compartir videos (youtube /vimeo)? Entonces esto es la Galería de videos para exhibir sus videos en su sitio.

La galería funciona en todos los principales entornos de navegadores, incluido IE a través de flash fall-back. Además, al ingresar un solo video en la galería de videos, se convierte en un reproductor de video.

Esta galería utiliza las últimas técnicas html5. Por ejemplo, utiliza HTML5 LocalStorage para recordar el último volumen que tenía antes de salir y lo restablece cuando regresa. La máscara se configura a través de CSS simple, por lo que es totalmente compatible con CSS básico

Actualizaciones

ACTUALIZACIÓN 9.36 [ 10/10/2016 ]

• [FIX] imagen de portada clic en móviles
• [ADD] ejemplos de galerías en pestañas

ACTUALIZACIÓN 9.23 [ 09/19/2016 ]

• [TWEAK] la búsqueda ahora oculta completamente otros elementos

ACTUALIZACIÓN 9.05 [ 05/03/2016 ]

• [FIX] ie11 en el evento de pantalla completa de Windows 8.1
• [FIX] otros pequeños errores

ACTUALIZACIÓN 9.03 [ 03/15/2016 ]

• [TWEAK] La pantalla completa de Android ahora oculta los controles sin tocar

ACTUALIZAR 9.00 [ 03/14/2016 ]

• [TWEAK] nueva versión de la página de vista previa
• [TWEAK] nueva versión de skin_aurora
• [FIX] algunos errores

ACTUALIZAR 8.91 [ 02/22/2016 ]

• [FIX] algunos errores

ACTUALIZACIÓN 8.82 [ 02/11/2016 ]

• [FIX] algunos errores

ACTUALIZAR 8.00 [ 09/22/2014 ]

• [FIX] algunos errores

ACTUALIZAR 7.50 [ 04/08/2014 ]

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

ACTUALIZACIÓN 7.44 [ 03/26/2014 ]

• [FIX] varios errores
• [FIX] avance
• [FIX] agregar soporte de subtítulos

ACTUALIZACIÓN 6.78 [ 10/14/2013 ]

• [FIX] varios errores

ACTUALIZACIÓN 6.10 [ 10/02/2013 ]

• [fix] error al final del video de youtube, el audio aún se reproduciría

ACTUALIZACIÓN 5.11 [ 10/02/2013 ]

• corrigió un error fatal de IE9 / IE10
• actualizado para trabajar con jquery 1.9.1 sin el complemento de migración

ACTUALIZAR 5.00 [ 01/10/2013 ]

• botón HD agregado para videos de YouTube
• Se agregó una nueva forma de desplazarse por el menú Thumbsandarrows (consulte la demostración del canal de YouTube en la vista previa)
• se agregaron tres nuevos modos: rotador, rotador3d y pared
• las máscaras para la galería y el jugador ahora son independientes
• Se agregó una nueva máscara de galería: nav_transparent: elementos de menú de navegación circular y transparente.
• Se agregó una nueva máscara increíble para el jugador: aurora.
• documentación actualizada
• otros errores corregidos

ACTUALIZACIÓN 4.10 [ 10/22/2012 ]

• errores de pantalla completa corregidos (funciona perfectamente en Safari, Chrome, Firefox y futuros navegadores compatibles)
• soporte de publicidad agregado: imagen / youtube o anuncio de video
• otros errores corregidos

ACTUALIZAR 4.0 [ 05/02/2012 ]

• corrigió algunos errores
• galería de video modificada y estructura DOM del reproductor de video
• agregó una nueva barra de almacenamiento en búfer
• Se agregó soporte para Vimeo.
• soporte de audio añadido
• soporte de imagen añadido
• botón de inserción agregado
• botón compartir añadido
• pantalla completa real agregada para Chrome, Safari, Firefox

ACTUALIZAR 3.0 [ 02/23/2012 ]

• corrigió algunos errores
• documentación reestructurada
• galería de video modificada y estructura DOM del reproductor de video

ACTUALIZACIÓN 2.0 [ 07/09/2011 ]

• corrigió algunos errores
• Compatible con iPod/iPad/iPhone
• actualizado a los últimos estándares html5

Características

<div class="vplayer-tobe" data-videoTitle="Vimeo video" data-type="vimeo" data-src="https://codecanyon.net/item/html5-blue-video-gallery/31539657"><div class="menuDescription"><img src="http://dummyimage.com/50x50/000000/fff&text=thumb" class="imgblock"/><div class="the-title">This is an Vimeo video</div>The thumbnail can autogenerate...</div></div>

<div class="vplayer" data-description="My Video" data-img="img/1.jpg">

<video controls preload>
<source src="https://codecanyon.net/item/html5-blue-video-gallery/video/myvideo.m4v"/>
<source src="video/myvideo.ogg"/>

<object type="application/x-shockwave-flash" data="preview.swf" width="550" height="300" id="flashcontent" style="visibility: visible;">
<param name="movie" value="preview.swf"><param name="menu" value="false"><param name="allowScriptAccess" value="always">
<param name="scale" value="noscale"><param name="allowFullScreen" value="true"><param name="wmode" value="opaque">
<param name="flashvars" value="video=video/myvideo.m4v">
</object>
</video>
</div>