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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


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

Ads

Ad: Bluehost hosting

Seguire Envato

Giocatore HTML5 robusta che sostiene il 99% dei browser

Quando si passa sopra il video, i controlli animano in come un nastro, avvolgono il video. E 'incredibilmente personalizzabile con 8 diversi colori e 5 altri stili tra cui scegliere. Controlla l'anteprima del video per vederlo in azione!

Giocatore del nastro non solo sembrano impressionanti. E 'costruito sulla meravigliosa libreria open source, video.js. Il giocatore ha HTML5 suggestione per i nuovi browser / dispositivi mobili e cade di nuovo ad un Flash Player per i browser più vecchi.

Provatelo!

Per visualizzare l'animazione nastro, si prega di consultare l'anteprima del video qui sopra. Se si desidera verificare il giocatore, dirigersi verso la esempio limitata.

Si prega di notare che l'animazione non è completa in questo esempio, ed è fornito solo in modo da poter testare il giocatore.

Compatibilità

  • Chrome - animazione completa, supporto HTML 5
  • Safari - animazione completa, supporto HTML 5
  • Firefox - animazione completa, supporto HTML 5
  • IE9 - Nessuna animazione, HTML 5 supporto
  • IE8 / IE7 - aspetto di base, il supporto Flash
  • Funziona in qualsiasi dispositivo mobile che supporta HTML5 video (Android, iPhone, iPad, Blackberry)

Caratteristiche

  • Funziona in quasi tutti i browser, inclusi i dispositivi mobili preferiti
  • CSS3 unico effetto "avvolgente del nastro" a hover
  • Optional "Lights Out" sono dotate di quando gioca il video
  • Video interrompe automaticamente la riproduzione di un altro se si gioca
  • 80 di colore / combo in stile! Impazzire!
  • Impostazione semplice
  • Grande la documentazione, anche con alcuni suggerimenti su codifica

Compatibile con il nastro Wrap

Giocatore del nastro è compatibile con il nastro Wrap, un altro elemento da me. Avvolgere nastro è la sorella di Ribbon Player, che incorporano la animazione bella nastro nel resto del tuo sito, utilizzarlo per le intestazioni, titoli, descrizioni, ecc

Credits

  • jQuery - La libreria javascript sempre popolare (ospitato da Google).
  • Video.js - Fantastic Videoteca open source il giocatore è costruito su (ospitato da Livello 3).
  • Big Buck Bunny - Video Trailer utilizzato negli esempi.
  • Sintel trailer video utilizzato negli esempi -.
  • Ultimo CSS Gradient Editor - Consente di generare tutti i gradienti CSS3 in nastri.

Aggiornamenti:

  • 1.1 - 28.06.2012 - Aggiornata "rw-player.js" - Fixed "Lights Out" z-index bug.

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

Proprietà

Creato:
25 Giugno 12

Ultimo aggiornamento:
N / A

Alta Risoluzione:
no

browser compatibili:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome, File Incluso

Parole chiave

eCommerce, eCommerce, tutti gli articoli, android, animazione, i colori, css3, personalizzabile, HTML5, ipad, iphone, cellulare, lettore, nastro, video, videoJS, avvolgere