Monday, August 19, 2019
Home > html5 > Ribbon Participant – HTML5 Animated Video Participant

Ribbon Participant – HTML5 Animated Video Participant

Worth: nine$
Score: three.88

follow me

Powerful HTML5 participant that helps 99% of browsers

Whilst you hover over the video, the controls animate in like a ribbon, wrapping across the video. It’s extremely customisable with eight other colors and five further types to choose between.Take a look at the video preview to peer it in motion!

Ribbon Participant doesn’t simply glance superior. It’s constructed at the superb open supply library, video.js. The participant has HTML5 awesomeness for brand spanking new browsers/mobile gadgets and falls again to a Flash participant for older browsers.

Check it!

To look the ribbon animation, please view the video preview above. If you wish to take a look at the participant, head to the restricted instance.

Please word that the animation isn’t whole on this instance, and is best equipped so you’ll take a look at out the participant.


  • Chrome – Complete animation, HTML five fortify
  • Safari – Complete animation, HTML five fortify
  • Firefox – Complete animation, HTML five fortify
  • IE9 – No animation, HTML five fortify
  • IE8 /IE7 – Elementary look, Flash fortify
  • Works in any mobile software that helps HTML5 video (Android, iPhone, iPad, Blackberry)


  • Works in nearly any browser, together with your favorite mobile gadgets
  • Distinctive CSS3 “ribbon wrap” impact on hover
  • Non-compulsory “lighting fixtures out” characteristic when video performs
  • Video routinely stops enjoying if every other one is performed
  • 80 color/taste combinations! Cross loopy!
  • Easy setup
  • Nice documentation, even with some tips about encoding

Appropriate with Ribbon Wrap

Ribbon Participant is appropriate with Ribbon Wrap, every other merchandise through me. Ribbon Wrap is the sister to Ribbon Participant, incorporating the gorgeous ribbon animation into the remainder of your web site, use it for headers, titles, descriptions, and many others.


  • jQuery – The ever in style javascript library (hosted through Google).
  • Video.js – Incredible open supply video library the participant is constructed on (hosted through Degree three).
  • Large Dollar Bunny – Trailer video utilized in examples.
  • Sintel – Trailer video utilized in examples.
  • Final CSS Gradient Editor – Used to generate all CSS3 gradients in ribbons.


  • 1.1 – 28.06.2012 – Up to date “rw-player.js” – Mounted “lighting fixtures out” z-index worm.

Purchase Now