<!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>