You are here

jplayer.tpl.php in jPlayer 7.2

Same filename and directory in other branches
  1. 8.2 theme/jplayer.tpl.php
  2. 6 theme/jplayer.tpl.php

Provide the HTML output for a jPlayer interface.

File

theme/jplayer.tpl.php
View source
<?php

/**
 * @file
 * Provide the HTML output for a jPlayer interface.
 */
?>

<div class="jp-<?php

print $type;
?>">
  <div class="jp-type-<?php

print $mode;
?>">
    <div id="<?php

print $player_id;
?>" class="jp-jplayer"></div>
    <div id="<?php

print $player_id;
?>_interface" class="jp-interface">
      <?php

if ($type == 'video') {
  ?>
      <div class="jp-video-play"></div>
      <?php

}
?>
      <ul class="jp-controls">
        <li><a href="#" class="jp-play" tabindex="1">play</a></li>
        <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
        <li><a href="#" class="jp-stop" tabindex="1">stop</a></li>
        <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
        <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
        <?php

if ($mode == 'playlist') {
  ?>
        <li><a href="#" class="jp-previous" tabindex="1">previous</a></li>
        <li><a href="#" class="jp-next" tabindex="1">next</a></li>
        <?php

}
?>
      </ul>
      
      <div class="jp-progress">
        <div class="jp-seek-bar">
          <div class="jp-play-bar"></div>
        </div>
      </div>
      
      <div class="jp-volume-bar">
        <div class="jp-volume-bar-value"></div>
      </div>
      
      <div class="jp-current-time"></div>
      <div class="jp-duration"></div>
    </div>
    
    <div id="<?php

print $player_id;
?>_playlist" class="jp-playlist">
      <?php

if ($mode == 'playlist' || $mode == 'single') {
  ?>
        <?php

  print $playlist;
  ?>
      <?php

}
else {
  ?>
        <ul>
          <li><?php

  print check_plain($label);
  ?></li>
        </ul>
      <?php

}
?>
    </div>
  </div>
</div>
<?php

print drupal_render($dynamic);