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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


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

Ads

Ad: Bluehost hosting

Følg Envato

Robust HTML5-spiller som støtter 99% av nettlesere

Når du holder over videoen, kontrollene animere i som et bånd, innpakning rundt videoen. Det er utrolig passelig med 8 forskjellige farger og 5 flere stiler å velge mellom. Sjekk ut videoen forhåndsvisning for å se den i aksjon!

Ribbon spiller ikke bare ser fantastisk. Den er bygget på den fantastiske åpen kildekode bibliotek, video.js. Spilleren har HTML5 awesomeness for nye nettlesere / mobile enheter og faller tilbake til en Flash-spiller for eldre nettlesere.

Test det!

For å se båndet animasjon, kan du se videoen forhåndsvisning ovenfor. Hvis du ønsker å teste spilleren, hodet til begrenset eksempel.

Vær oppmerksom på at animasjonen ikke er fullført i dette eksemplet, og er kun gitt slik at du kan teste spilleren ut.

Kompatibilitet

  • Chrome - Full animasjon, HTML 5-støtte
  • Safari - Full animasjon, HTML 5-støtte
  • Firefox - Full animasjon, HTML 5-støtte
  • IE9 - Ingen animasjon, HTML 5-støtte
  • IE8 / IE7 - Grunnleggende utseende, Flash-støtte
  • Fungerer i alle mobile enheter som støtter HTML5 video (Android, iPhone, iPad, Blackberry)

Spesifikasjoner

  • Fungerer i nesten alle nettlesere, inkludert de mobile enhetene
  • Unik CSS3 "bånd wrap" effekt på hover
  • Valgfri "lights out" -funksjonen når videoen spilles
  • Video automatisk stopper å spille hvis en annen er spilt
  • 80 farge / stil combos! Gå gale!
  • Enkelt oppsett
  • Flott dokumentasjon, selv med noen tips om koding

Kompatibel med Ribbon Wrap

Ribbon Player er kompatibel med Ribbon Wrap, et annet element av meg. Ribbon Wrap er søster til Båndet Player, som omfatter den vakre bånd animasjon inn i resten av området, bruke det til overskrifter, titler, beskrivelser, etc.

Studiepoeng

  • jQuery - Den alltid populære Javascript-bibliotek (arrangert av Google).
  • Video.js - Fantastisk åpen kildekode Videobibliotek spilleren er bygget på (arrangert av nivå 3).
  • Big Buck Bunny - Trailer video brukes i eksempler.
  • Sintel - Trailer video brukes i eksempler.
  • Ultimate CSS Gradient Editor - Brukes til å generere alle CSS3 gradienter i bånd.

Oppdateringer:

  • 1.1 - 28.06.2012 - Oppdatert "RW-player.js" - Fikset "lights out" z-index bug.

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
25 juni 12, Siste oppdatering

høy oppløsning:
Ingen

kompatible nettlesere:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome, filer Inkludert

Søkeord

eCommerce, eCommerce, alle elementer, android, animasjon, farger, CSS3, passelig, HTML5, ipad, iphone, mobil, spiller, bå, nd, video, videoJS, wrap