Commit | Line | Data |
---|---|---|
a246ccca JW |
1 | {# |
2 | # GNU MediaGoblin -- federated, autonomous media hosting | |
cf29e8a8 | 3 | # Copyright (C) 2011, 2012 MediaGoblin contributors. See AUTHORS. |
a246ccca JW |
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 | ||
93bdab9d | 19 | {% extends 'mediagoblin/user_pages/media.html' %} |
6c191eb3 | 20 | |
565d01a0 | 21 | {% block mediagoblin_head -%} |
560e22e7 | 22 | {{ super() }} |
565d01a0 | 23 | <script type="text/javascript" src="{{ |
a7fc4ecf | 24 | request.staticdirect('/extlib/video-js/video.js') }}"></script> |
9dea49e6 | 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> | |
a7fc4ecf CAW |
30 | {# Sadly commented out till we can get the mediagoblin skin ported over |
31 | # to the newest video.js release ;\ #} | |
a7fc4ecf CAW |
32 | <link href="{{ |
33 | request.staticdirect('/extlib/video-js/video-js.css') }}" | |
b35dfd32 | 34 | rel="stylesheet"> |
9dea49e6 | 35 | <link href="{{ |
36 | request.staticdirect('/extlib/videojs-resolution-switcher/videojs-resolution-switcher.css') }}" | |
37 | rel="stylesheet"> | |
a7fc4ecf CAW |
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 | } | |
81e536e1 | 46 | .vjs-play-progress, .vjs-volume-level { |
cfb7a495 | 47 | background-color: #86D4B1 !important; |
81e536e1 | 48 | } |
a7fc4ecf | 49 | </style> |
87b6b431 | 50 | |
565d01a0 | 51 | {%- endblock %} |
560e22e7 | 52 | |
93bdab9d | 53 | {% block mediagoblin_media %} |
03ff0b36 | 54 | <div class="media_other_container"> |
9dea49e6 | 55 | {% set all_media_path = media.get_all_media() %} |
14814f21 | 56 | |
6f6471aa | 57 | <video controls |
9a6741d7 | 58 | {% if global_config['plugins']['mediagoblin.media_types.video']['auto_play'] %}autoplay{% endif %} |
87b6b431 | 59 | preload="auto" class="video-js vjs-default-skin" id="video_1"> |
9dea49e6 | 60 | {% for each_media_path in all_media_path %} |
87b6b431 | 61 | <source src="{{ request.app.public_store.file_url(each_media_path[2]) }}" |
787aafd6 CAW |
62 | {% if media.media_data %} |
63 | type="{{ media.media_data.source_type() }}" | |
64 | {% else %} | |
9d4cebfd | 65 | type="{{ media.media_manager['default_webm_type'] }}" |
87b6b431 | 66 | {% endif %} |
9dea49e6 | 67 | label="{{ each_media_path[0] }}" res="{{ each_media_path[1][1] }}" /> |
68 | {% endfor %} | |
4d2aab64 BB |
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 %} | |
565d01a0 SS |
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/> | |
94c064d3 CAW |
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 -%} | |
565d01a0 SS |
80 | </div> |
81 | </video> | |
03ff0b36 | 82 | </div> |
a122357e JK |
83 | {% endblock %} |
84 | ||
85 | {% block mediagoblin_sidebar %} | |
86 | <h3>{% trans %}Download{% endtrans %}</h3> | |
87 | <ul> | |
88 | {% if 'original' in media.media_files %} | |
b35dfd32 CAW |
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> | |
a122357e | 95 | {% endif %} |
9de4fab4 | 96 | {% if 'webm_video' in media.media_files %} |
b35dfd32 CAW |
97 | <li> |
98 | <a href="{{ request.app.public_store.file_url( | |
9de4fab4 RE |
99 | media.media_files.webm_video) }}"> |
100 | {%- trans %}WebM file (VP8/Vorbis){% endtrans -%} | |
b35dfd32 CAW |
101 | </a> |
102 | </li> | |
ddbf6af1 | 103 | {% endif %} |
a122357e | 104 | </ul> |
93bdab9d | 105 | {% endblock %} |