From d0fb4bcd3c88cc101b85bf808e54e86797d96bf5 Mon Sep 17 00:00:00 2001
From: xbgmsharp <xbgmsharp@gmail.com>
Date: Mon, 6 Jun 2016 09:14:11 +0100
Subject: [PATCH] Update example for VideoJS v5

---
 example/index.html | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/example/index.html b/example/index.html
index cfe2fa1..4633865 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,16 +1,27 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-  <link href="../video-js/video-js.css" rel="stylesheet">
-  <script src="../video-js/video.dev.js"></script>
+  <meta charset="utf-8" />
+  <title>Video.js Zoom Rotate Example</title>
+  <link href="../video.js/video-js.css" rel="stylesheet">
+  <script src="../video.js/video.js"></script>
   <script>
-    videojs.options.flash.swf = "../video-js/video-js.swf"
+    videojs.options.flash.swf = "../video.js/video-js.swf"
   </script>
   <!-- <script src="../videojs.zoomrotate.js"></script> -->
   <!-- For debugging -->
   <script src="../src/videojs.zoomrotate.js"></script>
+  <style>
+    p {
+      background-color: #eee;
+      border: thin solid #777;
+      padding: 10px;
+    }
+  </style>
 </head>
 <body>
+  <p>The zoomrotate plugin rotate the poster and the video. Give it a shot:</p>
+
   <video id="video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" data-setup='{"rotate": "90", "zoom": "1.5"}'>
     <source src="http://www.archive.org/download/AnimatedMechanicalArtPiecesAtMit/P1120973_512kb.mp4" type="video/mp4">         
     <source src="http://www.archive.org/download/AnimatedMechanicalArtPiecesAtMit/P1120973.ogv" type="video/ogg">
