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.js') }}"></script>
  25   <script type="text/javascript" src="{{
  26      request.staticdirect('/extlib/videojs-resolution-switcher/videojs-resolution-switcher.js') }}">
  27      </script>
  28   <script type="text/javascript"
  29           src="{{ request.staticdirect('/js/change-video-resolution.js') }}"></script>
  30   {# Sadly commented out till we can get the mediagoblin skin ported over
  31    # to the newest video.js release ;\  #}
  32   <link href="{{
  33           request.staticdirect('/extlib/video-js/video-js.css') }}"
  34         rel="stylesheet">
  35   <link href="{{
  36           request.staticdirect('/extlib/videojs-resolution-switcher/videojs-resolution-switcher.css') }}"
  37         rel="stylesheet">
  38
  39 {%- endblock %}
  40
  41 {% block mediagoblin_media %}
  42 <div class="media_other_container">
  43   {% set all_media_path = media.get_all_media() %}
  44
  45   <video id="video_1" class="video-js vjs-default-skin">
  46     {% for each_media_path in all_media_path %}
  47     <source src="{{ request.app.public_store.file_url(each_media_path[2]) }}" type="video/webm"
  48             label="{{ each_media_path[0] }}" res="{{ each_media_path[1][1] }}" />
  49     {% endfor %}
  50     <div class="no_html5">
  51       {%- trans -%}Sorry, this video will not work because
  52       your web browser does not support HTML5
  53       video.{%- endtrans -%}<br/>
  54       {%- trans -%}
  55       We recommend you install a <a href="https://libreplanet.org/wiki/Libre_Browsers_Libre_Formats">freedom-respecting browser which supports free formats</a>!
  56       {%- endtrans -%}
  57     </div>
  58   </video>
  59 </div>
  60 {% endblock %}
  61
  62 {% block mediagoblin_sidebar %}
  63   <h3>{% trans %}Download{% endtrans %}</h3>
  64   <ul>
  65     {% if 'original' in media.media_files %}
  66       <li>
  67         <a href="{{ request.app.public_store.file_url(
  68                        media.media_files.original) }}">
  69           {%- trans %}Original file{% endtrans -%}
  70         </a>
  71       </li>
  72     {% endif %}
  73     {% if 'webm_video' in media.media_files %}
  74       <li>
  75         <a href="{{ request.app.public_store.file_url(
  76                        media.media_files.webm_video) }}">
  77           {%- trans %}WebM file (VP8/Vorbis){% endtrans -%}
  78         </a>
  79       </li>
  80     {% endif %}
  81   </ul>
  82 {% endblock %}