This jQuery plugin plays HTML5 videos in a custom designed player. Our aim was to design a video player with a modern look and an easy to understand layout. This makes it usable by just about anyone and the design will work well into the future. The design is also fully retina supported, so all the icons look extra sharp. One of the other key features is a responsive design. This means the video player is perfect to be used in responsive websites as it adapts to any width.
We have also payed extra attention to mobile users. The player has been tested on both android and ios browsers. iPhone, iPad and iPod users will see Apple’s native video player due to Apple’s limitations, but will still be able to see the video’s title and poster image. Android users however will have no restrictions, and have the full experience, just as deskop browsers.
There are many options to customize the player and make it your own. We have also added a couple of callback functions. This means you can detect when, for example, the video is being paused or has ended. This can come in very handy when your integrating the player into your own web app. Next we have added a couple of methods you can call to control the player. You can, for example, pause the video on demand using one of the methods, or simply adjust the volume with a line of Javascript.
Screens in the image previews are from Big Buck Bunny.org/.