documents/app/views/videos/_player.html.erb
<div id="full_video_<%= dom_id video %>" class="video-container jp-video jp-video-270p" data-url-webm="<%= video_path(video, :format => :webm) %>" data-url-flv="<%= video_path(video, :format => :flv) %>" data-url-mp4="<%= video_path(video, :format => :mp4) %>" data-url-poster="<%= video_path(video, :format => :png, :style => '170x127#') %>" data-url-swfplayer="<%= asset_path('Jplayer.swf') %>">
<div class="jp-type-single">
<div id="jpId<%= dom_id video %>" class="jp-jplayer"></div>
<div id="jp_interface_<%= dom_id video %>" class="jp-interface">
<div class="jp-video-play"></div>
<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>
</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="jp_playlist_<%= dom_id video %>" class="jp-playlist"></div>
</div>
</div>