Strobe Media Playback SVN

var strobeMediaPlayback = function () {
	var settings = {
		"tablet": {
			"startSize": {"width":480, "height":268},
			"wmode": "direct"
		},
		"smartphone": {
			"startSize": {"width":120, "height":67},
			"wmode": "direct"
		},
		"default": {
			"startSize": {"width":480, "height":268},
			"wmode": "direct"
		}
	};
	
	function getStartSize(deviceType) {
		if (deviceType in settings) {
			return settings[deviceType]["startSize"];
		}
		else {
			return settings["default"]["startSize"];
		}
	}
	
	function getAutoplay(deviceType) {
		if (deviceType in settings) {
			return (settings[deviceType]["autoplay"] ? settings[deviceType]["autoplay"] : false);
		}
		else {
			return (settings["default"]["autoplay"] ? settings["default"]["autoplay"] : false);
		}
	}
	
	function getWMode(deviceType) {
		if (deviceType in settings) {
			return (settings[deviceType]["wmode"] ? settings[deviceType]["wmode"] : "direct");
		}
		else {
			return (settings["default"]["wmode"] ? settings["default"]["wmode"] : "direct");
		}
	}
	
	function getFlashvars(deviceType) {
		if (deviceType in settings) {
			return (settings[deviceType]["flashvars"] ? settings[deviceType]["flashvars"] : {});
		}
		else {
			return (settings["default"]["flashvars"] ? settings["default"]["flashvars"] : {});
		}
	}
	
	return { 
		settings: function(object) {
			settings = $.extend(true, settings, object);
		},
		draw: function(object) {
			if (object) {
				var agent = window.location.hash.replace(/^#/, "");

				function onDeviceDetection(device) {
					var startSize = getStartSize(device.getProfile().type);
					if (device.profileDetected() && device.useFlash()) {
						var flashvars = getFlashvars(device.getProfile().type);
						if(device.getProfile().type == "tablet" || device.getProfile().type == "smartphone"){
							flashvars.skin = "skins/"+device.getProfile().type+"-skin.xml";
							flashvars.controlBarType = device.getProfile().type;
							flashvars.playButtonOverlay = false;
						}
						flashvars.autoPlay = getAutoplay(device.getProfile().type);
						
						var params = {	
							movie: "StrobeMediaPlayback.swf",
							allowfullscreen: "true",
							allowscriptaccess: "always",
							wmode:getWMode(device.getProfile().type)
						};
						var attributes = {};
						
						$("#" + object["element"]).parent().css("width",startSize["width"]);
						$("#" + object["element"]).parent().css("height",startSize["height"]);
						
						flashvars.src = object["url"];
						flashvars.poster = object["poster"];
						
						swfobject.embedSWF(
							"StrobeMediaPlayback.swf", 
							object["element"], 
							startSize["width"], 
							startSize["height"], 
							"10.1.0", 
							"", 
							flashvars, 
							params, 
							attributes
						);
					}
					else {
						var html5divs = 
							'<div class="html5player">' + 
								'<div class="errorwindow"></div>' +
								'<div class="controls">' +
									'<div class="icon playtoggle">Play/Pause</div>' +
									'<div class="timestamp current">0:00</div>' +
									'<div class="progress">' +
										'<a class="slider"></a>' +
										'<div class="tracks">' +
											'<div class="seeking"></div>' + 
											'<div class="played"></div>' +
											'<div class="buffered"></div>' +
										'</div>' +
									'</div>' +
									'<div class="timestamp duration">0:00</div>' +
									'<div class="icon fullview">Full View</div>' +
								'</div>' +
								'<video width="' + startSize["width"] + '" height="' + startSize["height"] + '" preload="none" poster="' + object["poster"] + '">' +
									'<source src="' + object["url"] + '" />' +
								'</video>' +
							'</div>';
						$("#" + object["element"]).html(html5divs);
						$("#" + object["element"] + " .html5player").strobemediaplaybackhtml5();
					}
				}

				new DeviceDetection(agent).addCallback(onDeviceDetection).addProfiles(profiles).detect();
			}
		}
	}
}();