heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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)

Browse Source
This commit is contained in:
Karen Rustad 2011-12-18 22:50:36 -08:00 committed by Elrond
parent d23d4b23da
commit 6c191eb3de
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mediagoblin/static/css/base.css
View File

@ -298,6 +298,14 @@ p.media_specs {
color: #888; color: #888;
} }
.no_html5 {
background: black;
color: white;
text-align: center;
height: 160px;
padding: 130px 10px 20px 10px;
}
/* icons */ /* icons */
img.media_icon { img.media_icon {

5
mediagoblin/templates/mediagoblin/media_displays/video.html
View File

@ -1,4 +1,5 @@
{% extends 'mediagoblin/user_pages/media.html' %} {% extends 'mediagoblin/user_pages/media.html' %}
{% block mediagoblin_media %} {% block mediagoblin_media %}
<div class="video-player" style="position: relative;"> <div class="video-player" style="position: relative;">
<video class="video-js vjs-default-skin" <video class="video-js vjs-default-skin"
@ -10,6 +11,10 @@
<source src="{{ request.app.public_store.file_url( <source src="{{ request.app.public_store.file_url(
media['media_files']['webm_640']) }}" media['media_files']['webm_640']) }}"
type="video/webm; codecs=&quot;vp8, vorbis&quot;" /> 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> </video>
</div> </div>
{% if 'original' in media.media_files %} {% if 'original' in media.media_files %}