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>