Ultra-lean HTML5 media player/framework.
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
shadow
.gitignore
README.md
index.html
vixel.js
vixen.js

README.md

Vixen

Ultra minimal video player.

Vixen showing video with shadow theme...

Example

window.addEventListener("load",function() {
	var myVideo = Vixen.ify(document.querySelector("video"));
});

That's it! :)

Demo

Try vixen at the little demo I have set up for it..

Goals:

  • Lean. Light. Attractive.
  • Be as thin as possible. Don't maintain state within the object unless we absolutely have to - leave it all to the HTMLMediaElement
  • Enable fairly universal playback of HTMLMediaElement types - audio, video, it'll all work!
  • As much as possible, leave all styling to CSS. Don't touch any aspect of layout or positioning unless we absolutely have to.
  • Multiple themes.
  • Don't try and paper over cracks in older browsers. This player won't work in IE < 9, and never will. It does support a fallback handler!
  • Don't polyfill. Leave captioning, format support, etc. up to external libraries. But at the same time:
  • Support newer standards, if available in the browser.
  • No dependencies! Just ES5.
  • Accessibility! Every aspect of the application should be usable with a screen reader or assistive device. Colour-contrast adhered to in all aspects of the theme. Fully keyboard accessible.