Index: /trunk/html5/test/examples/single_mp4.html
===================================================================
--- /trunk/html5/test/examples/single_mp4.html	(revision 1277)
+++ /trunk/html5/test/examples/single_mp4.html	(revision 1298)
@@ -1,37 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
-<body>
-<h1>Single MP4 video</h1>
-
-
-
-
-
-<p>This is the basic setup for a video that plays on Safari,iPhone/iPad and Chrome. Firefox, IE and Opera will fallback to Flash. A poster image is included.</p>
-
-<p><video height="270" id="player" poster="http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg" src="http://content.bitsontherun.com/videos/nPripu9l-327.mp4" width="480"></video></p>
-
-<script type="text/javascript" src="../../lib/jquery.js"></script>
-<script type="text/javascript" src="../../jwplayer.js"></script>
-<script type="text/javascript">
-	var player = new jwplayer.html5(document.getElementById("player"));
-	player.setup({
-		sources: [{
-			file:"http://content.bitsontherun.com/videos/nPripu9l-327.mp4",
-			type: "video/mp4"
-		}],
-		flashplayer:'/files/player.swf',
-		skin:'/files/skins/five/five.xml'
-	});
-</script>
-
-<h3>HTML code</h3>
-<p>Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server.</p>
-
-<p>First, place this code in the <strong>&lt;head&gt;</strong> of your page:</p>
-<pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt;
+	<head>
+		<title>Single MP4 Example</title>
+	</head>
+    <body>
+        <h1>Single MP4 video</h1>
+        <p>
+            This is the basic setup for a video that plays on Safari,iPhone/iPad and Chrome. Firefox, IE and Opera will fallback to Flash. A poster image is included.
+        </p>
+        <p>
+            <video height="270" id="player" poster="http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg" src="http://content.bitsontherun.com/videos/nPripu9l-327.mp4" width="480">
+            </video>
+        </p>
+        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js">
+        </script>
+        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js">
+        </script>
+        <script type="text/javascript">
+            var player = new jwplayer.html5(document.getElementById("player"));
+            player.setup({
+            	file: "../../../js/test/files/bunny.mp4",
+				image: "../../../js/test/files/bunny.jpg"
+            
+            });
+        </script>
+        <h3>HTML code</h3>
+        <p>
+            Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server.
+        </p>
+        <p>
+            First, place this code in the <strong>&lt;head&gt;</strong>
+            of your page:
+        </p>
+        <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre>
-
-<p>Second, place this code where you want the video to appear:</p>
-<pre>&lt;video height="270" id="player" poster="/files/bunny.jpg"
+        <p>
+            Second, place this code where you want the video to appear:
+        </p>
+        <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg"
   src="/files/bunny.mp4" width="480"&gt;
 
@@ -42,9 +47,4 @@
   });
 &lt;/script&gt;</pre>
-
-
-
-
-
-</body>
+    </body>
 </html>
Index: /trunk/html5/test/examples/index.html
===================================================================
--- /trunk/html5/test/examples/index.html	(revision 1298)
+++ /trunk/html5/test/examples/index.html	(revision 1298)
@@ -0,0 +1,29 @@
+<html>
+	<head>
+		<title>HTML5 Player Examples</title>
+	</head>
+	<body>
+		<h1>Examples</h1>
+		<ul id="examples"></ul>
+		<script type="text/javascript">
+			var list = document.getElementById("examples");
+			var examples = {
+				"Single MP4": "single_mp4.html",
+				"Single OGV": "single_ogg.html",
+				"Multiple sources (MP4 and OGV)": "mp4_ogg.html",
+				"Multiple players": "multiple_players.html",
+				"Custom Skin": "custom_skin.html",
+				"Multiple players with custom skins": "multiple_customs.html"
+			};
+			for (var example in examples){
+				var listItem = document.createElement("li");
+				var link = document.createElement("a");
+				link.href = examples[example];
+				link.innerHTML = example;
+				listItem.appendChild(link);
+				list.appendChild(listItem);
+			}
+		</script>
+		
+	</body>
+</html>
