adding the video.js wrapper

mediagoblin/static/js/extlib/video-js

@@ -0,0 +1 @@
+../../../../extlib/video-js

mediagoblin/templates/mediagoblin/media_displays/video.html

@@ -18,13 +18,19 @@
 
 {% extends 'mediagoblin/user_pages/media.html' %}
 
+{% block mediagoblin_head %}
+  {{ super() }}
+  <script type="text/javascript"
+  	src="{{ request.staticdirect('/js/extlib/video-js/video.js') }}"></script>
+  <link href="{{ request.staticdirect('/js/extlib/video-js/video-js.css') }}" rel="stylesheet">
+{% endblock %}
+
 {% block mediagoblin_media %}
   <div class="video-player" style="position: relative;">
     <video class="video-js vjs-default-skin"
 	   width="{{ media.media_data.width }}"
 	   height="{{ media.media_data.height }}"
-	   controls="controls"
-	   preload="auto"
+	   controls preload="metadata"
 	   data-setup="">
       <source src="{{ request.app.public_store.file_url(
 		   media.media_files['webm_640']) }}"