mediagoblin/templates/mediagoblin/media_displays/video.html

   1 {#
   2 # GNU MediaGoblin -- federated, autonomous media hosting
   3 # Copyright (C) 2011 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_media %}
  22   <div class="video-player" style="position: relative;">
  23     <video class="video-js vjs-default-skin"
  24            width="{{ media.media_data.video.width }}"
  25            height="{{ media.media_data.video.height }}"
  26            controls="controls"
  27            preload="auto"
  28            data-setup="">
  29       <source src="{{ request.app.public_store.file_url(
  30                    media['media_files']['webm_640']) }}"
  31               type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
  32           <div class="no_html5">
  33             {%- trans -%}Sorry, this video will not work because
  34             your web browser does not support HTML5
  35             video.{%- endtrans -%}<br/>
  36             {%- trans -%}You can get a modern web browser that
  37             can play this video at <a href="http://getfirefox.com">
  38             http://getfirefox.com</a>!{%- endtrans -%}
  39           </div>
  40     </video>
  41   </div>
  42   {% if 'original' in media.media_files %}
  43   <p>
  44     <a href="{{ request.app.public_store.file_url(
  45              media['media_files']['original']) }}">
  46       {%- trans -%}
  47         Original
  48       {%- endtrans -%}
  49     </a>
  50   </p>
  51   {% endif %}
  52 {% endblock %}