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

Ribbon Player - HTML5 Animated Video Player

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


Ribbon Player - HTML5 Animated Video Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato

Reproductor HTML5 robusta que soporta el 99% de los navegadores

Al pasar sobre el video, los controles en animan como una cinta, envolviendo todo el video. Es increíblemente personalizable con 8 colores diferentes y 5 estilos adicionales para elegir. Échale un vistazo a la vista previa de vídeo para verlo en acción!

Jugador de la cinta no sólo buscará impresionante. Está construido sobre la maravillosa biblioteca de código abierto, video.js. El jugador tiene HTML5 genialidad para los nuevos navegadores / dispositivos móviles y cae de nuevo a un reproductor de Flash para navegadores antiguos.

Pruébalo!

Para ver la animación de la cinta, por favor ver la vista previa de vídeo de arriba. Si quieres poner a prueba al jugador, dirigirse al ejemplo limitada.

Tenga en cuenta que la animación no es completa en este ejemplo, y sólo se proporciona para que pueda probar el reproductor.

Compatibilidad

  • Chrome - animación completo, HTML 5 ayuda
  • Safari - animación completo, HTML 5 ayuda
  • Firefox - animación completo, HTML 5 ayuda
  • IE9 - Sin animación, HTML 5 ayuda
  • IE8 / IE7 - aspecto básico, soporte para Flash
  • Funciona en cualquier dispositivo móvil que soporta vídeo HTML5 (Android, iPhone, iPad, Blackberry)

Características

  • Funciona en casi cualquier navegador, incluyendo sus dispositivos móviles favoritos
  • CSS3 único efecto de "envoltura de cinta" en vuelo estacionario
  • Opcional "Lights Out" característica cuando reproduce el vídeo
  • Vídeo automáticamente deja de reproducirse si se juega otra
  • 80 colores / combos estilo! Volverse loco!
  • Configuración sencilla
  • Gran documentación, incluso con algunos consejos sobre la codificación

Compatible con Envuelva la cinta

Jugador de la cinta es compatible con Envuelva la cinta, otro tema por mí. Envuelva la cinta es la hermana de Ribbon Player, que incorpora la animación hermosa cinta en el resto de su sitio, lo utilizan para encabezados, títulos, descripciones, etc.

Créditos

  • jQuery - La biblioteca javascript siempre popular (organizada por Google).
  • Video.js - Fantástico videoteca de código abierto que el jugador se basa en (organizada por el nivel 3).
  • Big Buck Bunny - Previsualización utilizado en los ejemplos.
  • Sintel Previsualización utilizado en los ejemplos -.
  • Último CSS Editor de degradado - Se usa para generar todos los gradientes CSS3 en cintas.

Actualizaciones:

  • 1.1 - 28.06.2012 - Actualización "rw-player.js" - Se ha corregido "Lights Out" bicho z-index.

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

Propiedades

Creado:
25 de junio 12, Última actualización

Alta Resolución:
no

Navegadores compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome, Archivos Incluido

Palabras clave

comercio electró, nico, comercio electró, nico, todos los artí, culos, androide, animació, n, colores, css3, personalizable, html5, ipad, iphone, mó, vil, reproductor, cinta, video, videoJS, envoltura