Plyr a simple accessible - Plyr a simple accessible HTML5 media player Audio & Video Events HTML5 Java Script jQuery Plugins

Plyr a simple accessible HTML5 media player

Plyr a simple accessible HTML5 media player.

Features:

  • Accessible – full support for VTT captions and screen readers
  • Lightweight – under 10KB minified and gzipped
  • Customisable – make the player look how you want with the markup you want
  • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There’s no <span> or <a href="#"> button hacks
  • Responsive – works with any screen size
  • HTML Video & Audio – support for both formats
  • Embedded Video – support for YouTube and Vimeo video playback
  • Streaming – support for hls.js, Shaka and dash.js streaming playback
  • API – toggle playback, volume, seeking, and more
  • Events – no messing around with Vimeo and YouTube APIs, all events are standardized across formats
  • Fullscreen – supports native fullscreen with fallback to “full window” modes
  • Shortcuts – supports keyboard shortcuts
  • i18n support – support for internationalization of controls
  • No dependencies – written in “vanilla” JavaScript, no jQuery required
  • SASS and LESS – to include in your build processes
  • Read More

    Continue Reading...

    DOMtastic event library - DOMtastic event library for modern browsers with Javascript Events Java Script jQuery Plugins

    DOMtastic event library for modern browsers with Javascript

    DOMtastic small, fast, and modular DOM and event library for modern browsers with Javascript.

    • Small, fast, and modular DOM & Event library for modern browsers.
    • Same familiar API as jQuery (but without the extra “weight” of modules like $.ajax$.animate, and $.Deferred).
    • Dependency-free. Weighs in at only 1KB to 12KB (minified), depending on included modules. Full bundle is about 4KB gzipped.
    • Works great stand-alone or paired up with e.g. Backbone or Angular.
    • The source is written in ES6 format.
    • Rollup and babel are used to create a UMD bundle (supporting AMD, CommonJS, and fallback to browser global).
    • Supercharge your components and extend from the base class.
    • Easy to create a custom build to include or exclude parts.
    • DOMtastic also serves as a starting point for your own application-specific DOM API (read more).

    Read more Download Demo

    Read More

    Continue Reading...

    Emergence.js detecting and manipulating - Emergence.js detecting and manipulating elements in browser jQuery plugin Animation Events Java Script jQuery Plugins

    Emergence.js detecting and manipulating elements in browser jQuery plugin

    Emergence.js lightweight, high-performance JS plugin for detecting and manipulating elements in the browser jQuery plugin. This plugin is designed to allow manipulation on elements depending on their visibility in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it’s animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity. Emergence.js is one of the lightest and most compatible plugins of its kind.

    Read More

    Continue Reading...