CSS play

CSSplay-er v1.0

Home CSS Demonstrations CSS Menus Comments


I have been trying to find a suitable HTML5 video player for my clients but have been unable to find a simple player with fallback for IE6, IE7 and IE8 so have decided to produce my own version which meets my requirements.
CSSplay-er is a basic HTML5 player with the normal controls of play/pause, mute, fullscreen (for supporting browsers) and volume/progress sliders.
Touch screens have start/stop on tapping the poster image.

CSSplay-er is also responsive, has support for playlists and uses standard HTML5 video code with no javacript parameters to set up. It can also support more than one instance on a page and only allows one video to be playing at any time (not in IE6, 7 or 8).
The poster image appears at the start of the video.
The HTML5 controls are styled using css so you should be able to 'skin' this as you want. The third video below has just start/stop controls.

Tested in IE6+, Firefox, Opera, Safari, Chrome, iOS, Android OS tablet, Windows wp8 smartphone (Lumia 620) and Samsung smartphone.
Should work in all the latest browsers and devices.
Smartphones and smaller tablets may have their own way of displaying the videos but they should all support the playlist feature. IE6/7/8 use player.swf from JW Player but you can use any alternative.
Contact me for more information.


The Boxtrolls - Trailer

Planes - Playlist

Break The Ice

Iron Compass

Many Adventures


Monster University - with Play/Pause controls