jplayer.pink.flag.video.playlist.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <div id="{{WRAPPER}}" class="jp-video " role="application" aria-label="media player">
  2. <div class="jp-type-playlist">
  3. <div id="{{JPLAYER}}" class="jp-jplayer"></div>
  4. <div class="jp-gui">
  5. <div class="jp-video-play">
  6. <button class="jp-video-play-icon" role="button" tabindex="0">play</button>
  7. </div>
  8. <div class="jp-interface">
  9. <div class="jp-progress">
  10. <div class="jp-seek-bar">
  11. <div class="jp-play-bar"></div>
  12. </div>
  13. </div>
  14. <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
  15. <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
  16. <div class="jp-details">
  17. <div class="jp-title" aria-label="title">&nbsp;</div>
  18. </div>
  19. <div class="jp-controls-holder">
  20. <div class="jp-volume-controls">
  21. <button class="jp-mute" role="button" tabindex="0">mute</button>
  22. <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
  23. <div class="jp-volume-bar">
  24. <div class="jp-volume-bar-value"></div>
  25. </div>
  26. </div>
  27. <div class="jp-controls">
  28. <button class="jp-previous" role="button" tabindex="0">previous</button>
  29. <button class="jp-play" role="button" tabindex="0">play</button>
  30. <button class="jp-stop" role="button" tabindex="0">stop</button>
  31. <button class="jp-next" role="button" tabindex="0">next</button>
  32. </div>
  33. <div class="jp-toggles">
  34. <button class="jp-repeat" role="button" tabindex="0">repeat</button>
  35. <button class="jp-shuffle" role="button" tabindex="0">shuffle</button>
  36. <button class="jp-full-screen" role="button" tabindex="0">full screen</button>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="jp-playlist">
  42. <ul>
  43. <!-- The method Playlist.displayPlaylist() uses this unordered list -->
  44. <li></li>
  45. </ul>
  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>