<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Loading a Widget without the Metadataplayer widgeting framework</title>
<link href='libs/jquery-ui.css' rel='stylesheet' type='text/css'>
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
--> <link href='test.css' rel='stylesheet' type='text/css'>
<link href='metadataplayer/Controller.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="libs/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="libs/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="libs/underscore-min.js" type="text/javascript"></script>
<script type="text/javascript" src="libs/mustache.js" type="text/javascript"></script>
<script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
<script type="text/javascript" src="metadataplayer/Controller.js" type="text/javascript"></script>
<style type="text/css">
#LdtPlayer {
width: 640px;
}
</style>
</head>
<body>
<h1>Loading a Widget without the Metadataplayer widgeting framework</h1>
<div id="LdtPlayer">
<div id="Ldt-Video"></div>
<div id="Ldt-Controller"></div>
</div>
<script>
var myDir = new IriSP.Model.Directory(),
myProject = myDir.remoteSource({
url: "json/ldt-ogv.json",
serializer: IriSP.serializers.ldt
});
myProject.onLoad(function() {
IriSP.htmlPlayer(
myProject.getCurrentMedia(),
$("#Ldt-Video"),
{
width: 640,
controls: true,
autostart: true
}
);
var controller = new IriSP.Widgets.Controller(null, {
container: "Ldt-Controller",
source: myProject
});
});
</script>
</body>
</html>