diff options
| -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 %} |