adding the video.js wrapper

[mediagoblin.git] / mediagoblin / templates / mediagoblin / media_displays / video.html

diff --git a/mediagoblin/templates/mediagoblin/media_displays/video.html b/mediagoblin/templates/mediagoblin/media_displays/video.html
index acd570e758324278fcfe62a8bb673eb5e98690c9..6c2c80e74f45cfdca6f82635529e548d74d4e0cc 100644 (file)
--- a/mediagoblin/templates/mediagoblin/media_displays/video.html
+++ b/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']) }}"