Added a 'you don't have HTML5 so this video will not work' warning using just the...

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 2a78006d2e1ffb64877a5fe8487b5ba1f3cf706c..625269a2d630adbf0dccde4567429d158acca772 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -298,6 +298,14 @@ p.media_specs {
   color: #888;
 }
 
+.no_html5 {
+    background: black;
+    color: white;
+    text-align: center;
+    height: 160px;
+    padding: 130px 10px 20px 10px;
+}
+
 /* icons */
 
 img.media_icon {

diff --git a/mediagoblin/templates/mediagoblin/media_displays/video.html b/mediagoblin/templates/mediagoblin/media_displays/video.html
index 5ef1a7824fb2eca47dabfb25139c0b4f3299eef5..d7046039dfc9f1b439d69886f771d42d72673ac1 100644 (file)
--- a/mediagoblin/templates/mediagoblin/media_displays/video.html
+++ b/mediagoblin/templates/mediagoblin/media_displays/video.html
@@ -1,4 +1,5 @@
 {% extends 'mediagoblin/user_pages/media.html' %}
+
 {% block mediagoblin_media %}
   <div class="video-player" style="position: relative;">
     <video class="video-js vjs-default-skin"
@@ -10,6 +11,10 @@
       <source src="{{ request.app.public_store.file_url(
                   media['media_files']['webm_640']) }}" 
              type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
+         <div class="no_html5">
+           Sorry, this video will not work because your web browser does not support HTML5 video.<br/>
+           You can get a modern web browser that can play this video at <a href="http://getfirefox.com">http://getfirefox.com</a>!
+         </div>
     </video>
   </div>
   {% if 'original' in media.media_files %}