Ticket #336: 0001-Added-a-you-don-t-have-HTML5-so-this-video-will-not-.patch

File 0001-Added-a-you-don-t-have-HTML5-so-this-video-will-not-.patch, 1.9 KB (added by Karen Rustad, 13 years ago)

0001-Added-a-you-don-t-have-HTML5-so-this-video-will-not-.patch

  • mediagoblin/static/css/base.css 

    From 067ec627ec48adf922f96f5266b46372f55e0641 Mon Sep 17 00:00:00 2001
From: Karen Rustad <karen.rustad@gmail.com>
Date: Sun, 18 Dec 2011 22:50:36 -0800
Subject: [PATCH] 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)

---
 mediagoblin/static/css/base.css                    |    8 ++++++++
 .../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 2a78006..625269a 100644
    a b p.media_specs {  
    298298  color: #888;
    299299}
    300300
     301.no_html5 {
     302    background: black;
     303    color: white;
     304    text-align: center;
     305    height: 160px;
     306    padding: 130px 10px 20px 10px;
     307}
     308
    301309/* icons */
    302310
    303311img.media_icon {

  • mediagoblin/templates/mediagoblin/media_displays/video.html 

    diff --git a/mediagoblin/templates/mediagoblin/media_displays/video.html b/mediagoblin/templates/mediagoblin/media_displays/video.html
index 5ef1a78..d704603 100644
    a b  
    11{% extends 'mediagoblin/user_pages/media.html' %}
     2
    23{% block mediagoblin_media %}
    34  <div class="video-player" style="position: relative;">
    45    <video class="video-js vjs-default-skin"
    … …  
    1011      <source src="{{ request.app.public_store.file_url(
    1112                   media['media_files']['webm_640']) }}"
    1213              type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
     14          <div class="no_html5">
     15            Sorry, this video will not work because your web browser does not support HTML5 video.<br/>
     16            You can get a modern web browser that can play this video at <a href="http://getfirefox.com">http://getfirefox.com</a>!
     17          </div>
    1318    </video>
    1419  </div>
    1520  {% if 'original' in media.media_files %}