<div class="jp-gui">
	<ul class="jp-controls">
		<li><a href="#" class="jp-play" tabindex="1"><?php esc_html_e('play', 'focus') ?></a></li>
		<li><a href="#" class="jp-pause" tabindex="1"><?php esc_html_e('pause', 'focus') ?></a></li>
		<li><a href="#" class="jp-stop" tabindex="1"><?php esc_html_e('stop', 'focus') ?></a></li>

		<li><a href="#" class="jp-full-screen" tabindex="1"><?php esc_html_e('full screen', 'focus') ?></a></li>
		<li><a href="#" class="jp-restore-screen" tabindex="1"><?php esc_html_e('restore screen', 'focus') ?></a></li>

		<li><a href="#" class="jp-mute" tabindex="1"><?php esc_html_e('mute', 'focus') ?></a></li>
		<li><a href="#" class="jp-unmute" tabindex="1"><?php esc_html_e('unmute', 'focus') ?></a></li>
	</ul>

	<div class="sep jp-controls-sep"></div>

	<div class="jp-progress">
		<div class="jp-seek-bar">
			<div class="jp-play-bar"><div class="jp-play-bar-marker"></div></div>
		</div>
	</div>

	<div class="jp-time-info">
		<div class="jp-current-time"></div> /
		<div class="jp-duration"></div>
	</div>

	<div class="jp-volume-bar">
		<div class="jp-volume-bar-value"></div>
	</div>

	<div class="sep jp-full-sep"></div>
</div>