function init()
{
	var video = new HTML5Video();
 
	video.init({
		outputElementId:'container',
		useFlashFirst:false,
		mobileVideoObject: new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"}),
		mobileH264: new HTML5VideoAsset("telematics_mobile.mp4","video/mp4"),
		mobilePosterImage: new HTML5VideoImage("telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities."),
		androidPosterImage: new HTML5VideoImage("telematics_mobile_play.jpg", 480, 192),
		desktopVideoObject: new HTML5VideoObject(980, 390, {"autobuffer":"autobuffer","controls":"controls"}),
		desktopH264: new HTML5VideoAsset("telematics_desktop.mp4","video/mp4"),
		desktopAdditionalVideos: [new HTML5VideoAsset("telematics_desktop.ogv","video/ogg"), new HTML5VideoAsset("telematics_desktop.webm","video/webm")],
		desktopFlashObject: new HTML5VideoFlashObject("player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=telematics_desktop.flv&image=telematics_desktop.jpg"}),
		desktopPosterImage: new HTML5VideoImage("telematics_desktop.jpg", 980, 390, "telematics", "No video playback capabilities.")
	});
 
	video.detect();
}

/*
This object represents the actual video tag in HTML5.
@param width  	Integer of the width of the video.
@param height 	Integer of the height of the video.
@param params 	Object of parameters that can be used on the video tag. Examples are:
	autoplay    	autoplay  	If present, then the video will start playing as soon as it is ready
	controls    	controls 	If present, controls will be displayed, such as a play button.
	loop      	loop      	If present, the video will start over again, every time it is finished.
	preload   	preload 	If present, the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present.
	src           	url     	The URL of the video to play
*/
new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"});
 
/*
This object represents the different sources for the HTML5 video object.
@param src  	Source path to the video.
@param type	Type of video. Examples:
	video/mp4
	video/ogg
	video/webm
*/
new HTML5VideoAsset("telematics_mobile.mp4","video/mp4");
 
/*
This object represents the fallback image and the poster image for the video.
@param src  	Source path to the image.
@param width 	Integer of the width of the video.
@param height 	Integer of the height of the video.
@param alt  	Alt tag to the image
@param title  	Title for the image
*/
new HTML5VideoImage("telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities.");
 
/*
This object represents the flash object implementation.
@param src  	Source path to the swf to load.
@param width  	Integer of the width of the flash.
@param height 	Integer of the height of the flash.
@param params 	Object of parameters that can be used on the flash implementation. Examples are:
	flashvars  		Flash vars passed to the flash module: Example: "file=telematics_desktop.flv&image=telematics_desktop.jpg"
	allowFullScreen		If present, controls will be displayed, such as a play button.
	wmode     		Window mode
	bgcolor 		Background color
	allowscriptaccess	Whether to allow script access.
	See more:		http://kb2.adobe.com/cps/127/tn_12701.html
*/
new HTML5VideoFlashObject("player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=telematics_desktop.flv&image=telematics_desktop.jpg"});

/*
outputElementId		The string id of the HTML element to inject the code into. This method is used when the code is placed into the body of the page. Optionally, leaving this option out and placing the script tag inside the <body/> will output the code directly into that location. Note: <b>This only works using the "onload" method of implementation.</b>
useFlashFirst		This is an optional boolean value for flash lovers that will use flash before using HTML5 as a fallback. Defaults to false (don't tell my flash coworkers). Also, this option requires the adobe detection kit js file. See example below.
mobileVideoObject	A video object for mobile users (ipod, iphone, ipad, ios, blackberry, android). Allows a different sized video than desktop users.
mobileH264		The video asset to use by default.
mobilePosterImage	The default poster image to use for all mobile devices (Android is different, see androidPosterImage below)
androidPosterImage	Android phones do not currently overlay a play button on top of the video and require a slightly different implementation, for that reason, we allow a separate image for android phones with a play button in the poster image itself.
desktopVideoObject	The video object that specifies the size of the video for desktop users.
desktopH264		The default h264 video for desktop users.
desktopAdditionalVideos	Some browsers support different video formats. You can add additional ones and browsers will process from top-to-bottom until a compatible video is found.
desktopFlashObject	The flash object to embed for the flash fallback.
desktopPosterImage	The desktop poster image and fallback image in case a incompatible browser without flash is found.
*/

 
<head>
	<!-- You MUST include this file. -->
	<script type="text/javascript" src="js/html5.js"></script>
	<!-- Optional file to include if you are using flash as the default and HTML5 as a fallback. -->
	<script src="AC_OETags.js" language="javascript" type="text/javascript"></script>
	<script type="text/javascript">

	function init()
	{
		var video = new HTML5Video();
 
		video.init({
			outputElementId:'container',
			useFlashFirst:false,
			mobileVideoObject: new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"}),
			mobileH264: new HTML5VideoAsset("telematics_mobile.mp4","video/mp4"),
			mobilePosterImage: new HTML5VideoImage("telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities."),
			androidPosterImage: new HTML5VideoImage("telematics_mobile_play.jpg", 480, 192),
			desktopVideoObject: new HTML5VideoObject(980, 390, {"autobuffer":"autobuffer","controls":"controls"}),
			desktopH264: new HTML5VideoAsset("telematics_desktop.mp4","video/mp4"),
			desktopAdditionalVideos: [new HTML5VideoAsset("telematics_desktop.ogv","video/ogg"), new HTML5VideoAsset("telematics_desktop.webm","video/webm")],
			desktopFlashObject: new HTML5VideoFlashObject("player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=telematics_desktop.flv&image=telematics_desktop.jpg"}),
			desktopPosterImage: new HTML5VideoImage("telematics_desktop.jpg", 980, 390, "telematics", "No video playback capabilities.")
		});
 
		video.detect();
	}

	</script>
</head>
<body onload="init()">
	<div id="container"></div>
</body>

<html>
	<head>
		<!-- You MUST include this file. -->
		<script type="text/javascript" src="js/html5.js"></script>
		<!-- Optional file to include if you are using flash as the default and HTML5 as a fallback. -->
		<script src="AC_OETags.js" language="javascript" type="text/javascript"></script>
	</head>
	<body>
		<div id="container2" style="margin-top:30px;">
			<script type="text/javascript">

				var video = new HTML5Video();
 
				video.init({
					useFlashFirst:false,
					mobileVideoObject: new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"}),
					mobileH264: new HTML5VideoAsset("telematics_mobile.mp4","video/mp4"),
					mobilePosterImage: new HTML5VideoImage("telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities."),
					androidPosterImage: new HTML5VideoImage("telematics_mobile_play.jpg", 480, 192),
					desktopVideoObject: new HTML5VideoObject(980, 390, {"autobuffer":"autobuffer","controls":"controls"}),
					desktopH264: new HTML5VideoAsset("telematics_desktop.mp4","video/mp4"),
					desktopAdditionalVideos: [new HTML5VideoAsset("telematics_desktop.ogv","video/ogg"), new HTML5VideoAsset("telematics_desktop.webm","video/webm")],
					desktopFlashObject: new HTML5VideoFlashObject("player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=telematics_desktop.flv&image=telematics_desktop.jpg"}),
					desktopPosterImage: new HTML5VideoImage("telematics_desktop.jpg", 980, 390, "telematics", "No video playback capabilities.")
				});
 
				video.detect();

			</script>
		</div>
	</body>
</html>

[FlasHTML5]
useFlashFirst:false,
mobileVideoObject: new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"}),
mobileH264: new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_mobile.mp4","video/mp4"),
mobilePosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities."),
androidPosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_mobile_play.jpg", 480, 192),
desktopVideoObject: new HTML5VideoObject(980, 390, {"autobuffer":"autobuffer","controls":"controls"}),
desktopH264: new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.mp4","video/mp4"),
desktopAdditionalVideos: [new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.ogv","video/ogg"), new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.webm","video/webm")],
desktopFlashObject: new HTML5VideoFlashObject("http://labs.byhook.com/html5video/player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=http://labs.byhook.com/html5video/telematics_desktop.flv&image=http://labs.byhook.com/html5video/telematics_desktop.jpg"}),
desktopPosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_desktop.jpg", 980, 390, "telematics", "No video playback capabilities.")
[/FlasHTML5]