mediagoblin/templates/mediagoblin/media_displays/video.html

   1 {#
   2 # GNU MediaGoblin -- federated, autonomous media hosting
   3 # Copyright (C) 2011, 2012 MediaGoblin contributors.  See AUTHORS.
   4 #
   5 # This program is free software: you can redistribute it and/or modify
   6 # it under the terms of the GNU Affero General Public License as published by
   7 # the Free Software Foundation, either version 3 of the License, or
   8 # (at your option) any later version.
   9 #
  10 # This program is distributed in the hope that it will be useful,
  11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  13 # GNU Affero General Public License for more details.
  14 #
  15 # You should have received a copy of the GNU Affero General Public License
  16 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
  17 #}
  18
  19 {% extends 'mediagoblin/user_pages/media.html' %}
  20
  21 {% block mediagoblin_head -%}
  22   {{ super() }}
  23   <script type="text/javascript" src="{{
  24      request.staticdirect('/extlib/video-js/video.min.js') }}"></script>
  25   <link href="{{ request.staticdirect('/css/vjs-mg-skin.css')
  26      }}" rel="stylesheet">
  27 {%- endblock %}
  28
  29 {% block mediagoblin_media %}
  30   {% set display_type, display_path = media.get_display_media() %}
  31
  32   <video controls
  33          {% if global_config['media_type:mediagoblin.media_types.video']['auto_play'] %}autoplay{% endif %}
  34          preload="auto" class="video-js vjs-mg-skin"
  35       data-setup='{"height": {{ media.media_data.height }},
  36                  "width": {{ media.media_data.width }} }'>
  37     <source src="{{ request.app.public_store.file_url(display_path) }}"
  38             type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
  39     <div class="no_html5">
  40       {%- trans -%}Sorry, this video will not work because
  41       your web browser does not support HTML5
  42       video.{%- endtrans -%}<br/>
  43       {%- trans -%}You can get a modern web browser that
  44       can play this video at <a href="http://getfirefox.com">
  45       http://getfirefox.com</a>!{%- endtrans -%}
  46     </div>
  47   </video>
  48 {% endblock %}
  49
  50 {% block mediagoblin_sidebar %}
  51   <h3>{% trans %}Download{% endtrans %}</h3>
  52   <ul>
  53     {% if 'original' in media.media_files %}
  54       <li><a href="{{ request.app.public_store.file_url(
  55                        media.media_files.original) }}">{% trans %}Original file{% endtrans %}</a>
  56     {% endif %}
  57     {% if 'webm_640' in media.media_files %}
  58       <li><a href="{{ request.app.public_store.file_url(
  59                        media.media_files.webm_640) }}">{% trans %}WebM file (640p; VP8/Vorbis){% endtrans %}</a>
  60     {% endif %}
  61   </ul>
  62 {% endblock %}