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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


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

Ads

Ad: Bluehost hosting

Följ Envato

Robust HTML5-spelare som stödjer 99% av webbläsare

När du för muspekaren över videon, kontrollerna animera i likhet med ett band, omslag runt videon. Det är otroligt anpassningsbar med 8 olika färger och 5 ytterligare stilar att välja mellan. Kolla in videon förhandsgranskning för att se den i aktion!

Ribbon spelare ser inte bara häftigt. Den är byggd på den underbara öppen källkod bibliotek, video.js. Spelaren har HTML5 awesomeness för nya webbläsare / mobila enheter och faller tillbaka till en Flash-spelare för äldre webbläsare.

Testa det!

För att se bandet animation, vänligen se videon förhandsgranskning ovan. Om du vill testa spelaren, bege dig till den begränsade exempel.

Observera att animeringen är inte komplett i detta exempel, och är bara så att du kan testa spelaren.

Kompatibilitet

  • Chrome - Full animation, HTML 5 stöd
  • Safari - Full animation, HTML 5 stöd
  • Firefox - Full animation, HTML 5 stöd
  • IE9 - Ingen animation, HTML 5 stöd
  • IE8 / IE7 - Grundläggande utseende, Flash stöd
  • Fungerar i alla mobila enheter som stöder HTML5 video (Android, iPhone, iPad, Blackberry)

Funktioner

  • Fungerar i nästan alla webbläsare, inklusive din favorit mobila enheter
  • Unik CSS3 "band wrap" effekt på hover
  • Tillval "lights out" funktionen när videouppspelningar
  • Video automatiskt slutar spela om en annan spelas
  • 80 färg / stil combos! Bli galen!
  • Enkel installation
  • Stor dokumentation, även med några tips om kodning

Kompatibel med band Wrap

Ribbon-spelare är kompatibel med band Wrap, ett annat objekt av mig. Ribbon Wrap är syster till Ribbon-spelare, som innehåller den vackra band animation i resten av din webbplats, använda den för rubriker, titlar, beskrivningar, etc.

Krediter

  • jQuery - Den ständigt populära JavaScript-bibliotek (som tillhandahålls av Google).
  • Video.js - Fantastisk öppen källkod Videobibliotek spelaren bygger på (värd nivå 3).
  • Big Buck Bunny - Trailer video som används i exemplen.
  • Sintel - Trailer video som används i exemplen.
  • Ultimate CSS Gradient Editor - Används för att generera alla CSS3 gradienter i band.

Uppdateringar:

  • 1.1 - 28.06.2012 - Uppdaterad "rw-player.js" - Fast "Lights Out" z-index bugg.

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
25 juni 12, Senast uppdaterad

Nyckelord

e-handel, e-handel, alla artiklar, android, animation, fä, rger, CSS3, anpassade, HTML5, iPad, iPhone, mobil, spelare, band, video, videoJS, sjal