JQuery Html5 Video Player

jquery html5 video player

LIVE PREVIEW | SCREENSHOTS

This is a fantastic HTML5 video player based on jQuery JavaScript Library. This script doesn’t require any extra Browser Plugins to display HTML5 videos. It features a beautiful and unified UI on all desktop browsers and supports fullscreen in Window Mode.

Features

Only 8KB footprint
Unified control UI for all desktop browsers
Supports modern browsers
No browser plugins required
Fully operated in JavaScript
Supports Fullscreen mode (window mode)
Can seek to any point in movie
Shows buffer status
Works on iPad, iPhone and iPod touch
Supports auto start
Supports video preloading
Supports loop video
Shows friendly message for older browsers

Browser Support

Firefox 3.6+
Chrome 4+
Opera 10.5+
Safari 4.0.4+
iPad Safari (native UI) iPhone Safari (native UI)
iPod Touch Safari (native UI)

Example Codes:

	
jQuery("#video_player").H5Video({
	source : {
		"video/ogg"  : "videos/mymovie.ogg",
		"video/mp4"  : "videos/mymovie.m4v",
		"video/webm" : "videos/mymovie.webm"
	},
	animationDuration : 350,
	loop              : false,			
	preload           : true,
	autoPlay          : false,			
	poster            : "images/poster.jpg",			
	supportMessage    : "This browser doesn't support HTML5 videos.",
	events : {
		pause : function()
		{
			writeMessage("Paused video");
		},
		play : function()
		{
			writeMessage("Playing video");
		},
		end : function()
		{
			writeMessage("End of video");
		}
	}
});

DOWNLOAD THIS CODE
[Read more...]

Ping your blog, website, or RSS feed for Free Sitetag