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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

Urmați Envato

Jucător HTML5 robust care suporta 99% din browsere

Când hover peste clipul video, controalele anima într-ca o panglică, ambalaj în jurul video. Este incredibil de personalizabil, cu 8 culori diferite și 5 stiluri suplimentare de a alege. Check out previzualizarea video de să-l văd în acțiune!

Panglică Player nu arata doar minunat. Acesta este construit pe minunata biblioteca open source, video.js. Jucatorul are HTML5 măreția noi browsere / dispozitive mobile și cade înapoi la un flash player pentru browsere mai vechi.

Testați-l!

Pentru a vedea animația panglică, vă rugăm să vizualiza previzualizare video de mai sus. Dacă doriți să testați player, mergeți la exemplul limitat.

Vă rugăm să rețineți că animația nu este completă în acest exemplu, si este oferit doar astfel încât să puteți testa player.

Compatibilitate

  • Chrome - animație completa, HTML 5 de sprijin
  • Safari - animație completa, HTML 5 de sprijin
  • Firefox - animație completa, HTML 5 de sprijin
  • IE9 - Nu animație, HTML 5 de sprijin
  • IE8 / IE7 - aspect de bază, suport Flash
  • Funcționează în orice dispozitiv mobil care acceptă HTML5 video (Android, iPhone, iPad, Blackberry)

Caracteristici

  • Funcționează în aproape orice browser, inclusiv dispozitivele mobile preferate
  • CSS3 unic "panglică folie" efect asupra hover
  • Opțional "stingerea" facilitate atunci când joacă de video
  • Automat Video oprește redarea dacă altul este jucat
  • 80 color / combo-uri de stil! Fa-ti de cap!
  • Configurare simplă
  • Documentație mare, chiar cu câteva sfaturi despre codare

Compatibil cu Ribbon Wrap

Panglica Player este compatibil cu Ribbon Wrap, un alt element de mine. Panglica Wrap este sora de a Ribbon Player, care încorporează frumos animație panglică în restul site-ului dvs., să-l utilizați pentru antete, titlurile, descrieri, etc.

Credite

  • jQuery - mai populara Biblioteca javascript (găzduit de Google).
  • Video.js - Fantastic open source de bibliotecă video de player-ul este construit pe (găzduit de nivel 3).
  • Big Buck Bunny - Trailer film utilizate în exemple.
  • Sintel - Trailer film utilizate în exemple.
  • Ultimate CSS Gradient Editor - folosit pentru a genera toate gradienți CSS3 din panglici.

Actualizări:

  • 1.1 - 28.06.2012 - Actualizat "RW-player.js" - Fixed "stingerea" z-index bug.

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
25 iunie 12

Ultima actualizare:
N / A

Rezoluție mare:
Nu

Browsere compatibile IE7:
, IE8, IE9, Firefox, Safari, Opera, Chrome, fișiere incluse

Cuvinte cheie

eCommerce, eCommerce, toate produsele, android, animație, culori, CSS3, personalizabil, HTML5, iPad, iPhone, mobil, player, panglică, video, videoJS, folie