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)
This commit is contained in:
parent
d23d4b23da
commit
6c191eb3de
@ -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 {
|
||||||
|
@ -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="vp8, vorbis"" />
|
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>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
{% if 'original' in media.media_files %}
|
{% if 'original' in media.media_files %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user