Vixen

Ultra minimal video player.

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.