Video View Usage Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8">
		<script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script>
	</head>
 
	<body>
		<script type="text/javascript" charset="utf-8">
 
		dhx.ui({ // creates view and window inside it
			view:"window",
			body:{
				view:"video",// into window's body we put video view
				src:"movie.ogg", // the path to the video file
				autoplay:true, // activates initial file playing
			},
			head:{
				view:"toolbar", type:"MainBar", data:[ // in the header we put toolbar that contains a label and a button
					{type:"label", label: "Video", align:"left"},
					{ type:"button", label: "close", align: "right"}
				]
			},
			top:150, // the top offset of the window
			left:300, // the left offset of the window
			width:480, // the width of the window
			height:360, // the height of the window
			move:true // activates the possibility to move
		});
 
		</script>
	</body>
</html>