From: Karen Rustad <karen.rustad@gmail.com>
Date: Mon, 19 Dec 2011 06:50:36 +0000 (-0800)
Subject: Added a 'you don't have HTML5 so this video will not work' warning using just the... 
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=6c191eb3de3bbaf3880ef270461422954554683a;p=mediagoblin.git

Added a 'you don't have HTML5 so this video will not work' warning using just the inherent properties of the <video> tag (and some css for style)
---

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 2a78006d..625269a2 100644
--- 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 5ef1a782..d7046039 100644
--- 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 %}