audioplayer--jplayer--default-single.html.twig 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. {#
  2. /**
  3. * @file
  4. * Single file default theme implementation for jPlayer audio player.
  5. *
  6. * Available variables:
  7. * - plugin_id: the name of the plugin being used for templating.
  8. * - plugin_theme: the name of the specific plugin theme, if it exists.
  9. * - files: array of render info for each file.
  10. * - settings: array of settings for thie player.
  11. *
  12. * @ingroup themeable
  13. */
  14. #}
  15. <div class="audiofield">
  16. <div id="jquery_jplayer_{{ settings.id }}" class="jp-jplayer"></div>
  17. <div id="jp_container_{{ settings.id }}" class="jp-audio" role="application" aria-label="media player">
  18. <div class="jp-type-single">
  19. <div class="jp-gui jp-interface">
  20. <div class="jp-controls">
  21. <button class="jp-play" role="button" tabindex="0">play</button>
  22. <button class="jp-stop" role="button" tabindex="0">stop</button>
  23. </div>
  24. <div class="jp-progress">
  25. <div class="jp-seek-bar">
  26. <div class="jp-play-bar"></div>
  27. </div>
  28. </div>
  29. <div class="jp-volume-controls">
  30. <button class="jp-mute" role="button" tabindex="0">mute</button>
  31. <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
  32. <div class="jp-volume-bar">
  33. <div class="jp-volume-bar-value"></div>
  34. </div>
  35. </div>
  36. <div class="jp-time-holder">
  37. <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
  38. <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
  39. <div class="jp-toggles">
  40. <button class="jp-repeat" role="button" tabindex="0">repeat</button>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="jp-details">
  45. <div class="jp-title" aria-label="title">&nbsp;</div>
  46. </div>
  47. <div class="jp-no-solution">
  48. <span>Update Required</span>
  49. To play the media you will need to either update your browser to a recent version or update your <a href="http:// get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
  50. </div>
  51. </div>
  52. </div>
  53. </div>