diff options
| author | Karen Rustad <karen.rustad@gmail.com> | 2011-12-18 22:50:36 -0800 |
|---|---|---|
| committer | Elrond <elrond+mediagoblin.org@samba-tng.org> | 2011-12-23 00:26:00 +0100 |
| commit | 6c191eb3de3bbaf3880ef270461422954554683a (patch) | |
| tree | 80070cd475d012c36c2e777b78f3bdd727ec455e | |
| parent | d23d4b23dad2e14e330664f58994dcbbbaa32720 (diff) | |
| download | mediagoblin-6c191eb3de3bbaf3880ef270461422954554683a.tar.lz mediagoblin-6c191eb3de3bbaf3880ef270461422954554683a.tar.xz mediagoblin-6c191eb3de3bbaf3880ef270461422954554683a.zip | |
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)
| -rw-r--r-- | mediagoblin/static/css/base.css | 8 | ||||
| -rw-r--r-- | mediagoblin/templates/mediagoblin/media_displays/video.html | 5 |
2 files changed, 13 insertions, 0 deletions
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="vp8, vorbis"" /> + <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 %} |