| 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 | <style type="text/css"> |
| 40 | .vjs-default-skin .vjs-big-play-button |
| 41 | { |
| 42 | top: 50%; |
| 43 | left: 50%; |
| 44 | margin: -1.5em auto auto -2em; |
| 45 | } |
| 46 | .vjs-play-progress, .vjs-volume-level { |
| 47 | background-color: #86D4B1 !important; |
| 48 | } |
| 49 | </style> |
| 50 | |
| 51 | {%- endblock %} |
| 52 | |
| 53 | {% block mediagoblin_media %} |
| 54 | <div class="media_other_container"> |
| 55 | {% set all_media_path = media.get_all_media() %} |
| 56 | |
| 57 | <video controls |
| 58 | {% if global_config['plugins']['mediagoblin.media_types.video']['auto_play'] %}autoplay{% endif %} |
| 59 | preload="auto" class="video-js vjs-default-skin" id="video_1"> |
| 60 | {% for each_media_path in all_media_path %} |
| 61 | <source src="{{ request.app.public_store.file_url(each_media_path[2]) }}" |
| 62 | {% if media.media_data %} |
| 63 | type="{{ media.media_data.source_type() }}" |
| 64 | {% else %} |
| 65 | type="{{ media.media_manager['default_webm_type'] }}" |
| 66 | {% endif %} |
| 67 | label="{{ each_media_path[0] }}" res="{{ each_media_path[1][1] }}" /> |
| 68 | {% endfor %} |
| 69 | {%- for subtitle in media.subtitle_files %} |
| 70 | <track src="{{ request.app.public_store.file_url(subtitle.filepath) }}" |
| 71 | label="{{ subtitle.name }}" kind="subtitles"> |
| 72 | {%- endfor %} |
| 73 | <div class="no_html5"> |
| 74 | {%- trans -%}Sorry, this video will not work because |
| 75 | your web browser does not support HTML5 |
| 76 | video.{%- endtrans -%}<br/> |
| 77 | {%- trans -%} |
| 78 | We recommend you install a <a href="https://libreplanet.org/wiki/Libre_Browsers_Libre_Formats">freedom-respecting browser which supports free formats</a>! |
| 79 | {%- endtrans -%} |
| 80 | </div> |
| 81 | </video> |
| 82 | </div> |
| 83 | {% endblock %} |
| 84 | |
| 85 | {% block mediagoblin_sidebar %} |
| 86 | <h3>{% trans %}Download{% endtrans %}</h3> |
| 87 | <ul> |
| 88 | {% if 'original' in media.media_files %} |
| 89 | <li> |
| 90 | <a href="{{ request.app.public_store.file_url( |
| 91 | media.media_files.original) }}"> |
| 92 | {%- trans %}Original file{% endtrans -%} |
| 93 | </a> |
| 94 | </li> |
| 95 | {% endif %} |
| 96 | {% if 'webm_video' in media.media_files %} |
| 97 | <li> |
| 98 | <a href="{{ request.app.public_store.file_url( |
| 99 | media.media_files.webm_video) }}"> |
| 100 | {%- trans %}WebM file (VP8/Vorbis){% endtrans -%} |
| 101 | </a> |
| 102 | </li> |
| 103 | {% endif %} |
| 104 | </ul> |
| 105 | {% endblock %} |