0fdb07193800edbd65fcabe573e9493f48b38f48
[wolnelektury.git] / src / wolnelektury / templates / podcast.html
1 <div class="jp-type-playlist">
2     <div id="jplayer" class="jp-jplayer" data-player="jp_container_{{ id }}" data-supplied="mp3"></div>
3     <div id="jp_container_{{ id }}" class="jp-audio">
4         <div class="jp-type-single">
5             <span class="title"></span>
6             <div class="jp-gui jp-interface">
7                 <ul class="jp-controls">
8                     <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
9                     <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
10                     <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
11                     <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
12                 </ul>
13                 <div class="jp-progress">
14                     <div class="jp-seek-bar">
15                         <div class="jp-play-bar"></div>
16                     </div>
17                 </div>
18                 <div class="jp-volume-bar">
19                     <div class="jp-volume-bar-value"></div>
20                 </div>
21                 <div class="jp-time-holder">
22                     <div class="jp-current-time"></div>
23                 <div class="jp-duration"></div>
24                 </div>
25             </div>
26             <div class="jp-playlist">
27                 <ul>
28                     <li data-mp3='{{ mp3 }}'>
29                         <div class='play'>{{ title }}
30                             <div class='extra-info'>
31                                 {% if artist %}{% block artist_label %}Czyta{% endblock %}&nbsp;<span class='artist'>{{ artist }}</span>,{% endif %}
32                                 {% if director %}reż.&nbsp;<span class='director'>{{ director }}</span>{% endif %}
33                             </div>
34                         </div>
35                     </li>
36                 </ul>
37             </div>
38             <div class="jp-no-solution"><span>Update Required</span>
39                 To play the media you will need to either update your browser to a recent version or update your
40                 <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
41             </div>
42         </div>
43     </div>
44 </div>