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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Volg Envato

Robuuste HTML5 speler die 99% van de browsers ondersteunt

Wanneer u de muis over een video, de controles animeren in als een lint, wikkelen rond de video. Het is ongelooflijk aanpasbaar met 8 verschillende kleuren en 5 extra stijlen om uit te kiezen. Bekijk de video preview om het in actie te zien!

Lint Player ziet er niet alleen geweldig. Het is gebouwd op de prachtige open source library, video.js. De speler heeft HTML5 awesomeness voor nieuwe browsers / mobiele apparaten en valt terug naar een Flash player voor oudere browsers.

Test het!

Om het lint animatie te zien, kunt u hierboven bekijken de video preview. Als u wilt de speler te testen, het hoofd naar het beperkte voorbeeld.

Houdt u er rekening mee dat de animatie niet compleet is in dit voorbeeld, en wordt alleen verstrekt, zodat u kunt testen van de speler.

Verenigbaarheid

  • Chrome - Full animatie, HTML 5-ondersteuning
  • Safari - Full animatie, HTML 5-ondersteuning
  • Firefox - Full animatie, HTML 5-ondersteuning
  • IE9 - Geen animatie, HTML 5-ondersteuning
  • IE8 / IE7 - Basic uiterlijk, Flash-ondersteuning
  • Werkt in elk mobiel apparaat dat ondersteunt HTML5 video (Android, iPhone, iPad, Blackberry)

Kenmerken

  • Werkt in bijna elke browser, met inbegrip van uw favoriete mobiele apparaten
  • Unieke CSS3 "ribbon wrap" effect op de hover
  • Optionele "lichten uit" functie wanneer video wordt afgespeeld
  • Video automatisch stopt met spelen als een ander wordt afgespeeld
  • 80 kleur / stijl combo's! Gek worden!
  • Eenvoudige installatie
  • Grote documentatie, zelfs met een aantal tips op encoding

Compatibel met Lint Wrap

Lint speler is compatibel met Ribbon Wrap, een ander item door mij. Wrap Ribbon is de zus van Lint Speler, waarin de prachtige lint animatie in de rest van uw site, gebruiken voor kopteksten, titels, beschrijvingen, enz.

Credits

  • jQuery - De immer populaire javascript library (gehost door Google).
  • Video.js - Fantastische open source video-bibliotheek van de speler is gebouwd op (gehost door Level 3).
  • Big Buck Bunny - Trailer video gebruikt in de voorbeelden.
  • Sintel - Trailer video gebruikt in de voorbeelden.
  • Ultimate CSS Gradient Editor - Gebruikt om alle CSS3 gradiënten in linten genereren.

Updates:

  • 1.1 - 28.06.2012 - update "rw-player.js" - Fixed "lights out" z-index bug.

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
25 juni 12

Laatste update:
N / A

met hoge resolutie:
Nee, ondersteund Browsers

Files Inbegrepen:
JS JavaScript, HTML, CSS, Software Version

Trefwoorden

e-commerce, e-commerce, alle items, android, animatie, kleuren, css3, klantgericht, html5, ipad, iphone, mobiel, speler, lint, video, VideoJS, wrap