Skip to content

Instantly share code, notes, and snippets.

@nmatyukov

nmatyukov/jPlayer

Created August 15, 2013 14:53
Show Gist options
  • Save nmatyukov/6241465 to your computer and use it in GitHub Desktop.
Save nmatyukov/6241465 to your computer and use it in GitHub Desktop.
Download ZIP
jPlayer template with haml and coffeescript
Raw
jPlayer
#jquery_jplayer_1.jp-jplayer
#jp_container_1.jp-audio
.jp-type-single
.jp-gui.jp-interface
%ul.jp-controls
%li
%a.jp-play{:href => "javascript:;", :tabindex => "1"} play
%li
%a.jp-pause{:href => "javascript:;", :tabindex => "1"} pause
%li
%a.jp-stop{:href => "javascript:;", :tabindex => "1"} stop
%li
%a.jp-mute{:href => "javascript:;", :tabindex => "1", :title => "mute"} mute
%li
%a.jp-unmute{:href => "javascript:;", :tabindex => "1", :title => "unmute"} unmute
%li
%a.jp-volume-max{:href => "javascript:;", :tabindex => "1", :title => "max volume"} max volume
.jp-progress
.jp-seek-bar
.jp-play-bar
.jp-volume-bar
.jp-volume-bar-value
.jp-time-holder
.jp-current-time
.jp-duration
%ul.jp-toggles
%li
%a.jp-repeat{:href => "javascript:;", :tabindex => "1", :title => "repeat"} repeat
%li
%a.jp-repeat-off{:href => "javascript:;", :tabindex => "1", :title => "repeat off"} repeat off
.jp-title
%ul
%li Bubble
.jp-no-solution
%span Update Required
To play the media you will need to either update your browser to a recent version or update your
= succeed "." do
%a{:href => "http://get.adobe.com/flashplayer/", :target => "_blank"} Flash plugin
:coffee
$(document).ready ->
$("#jquery_jplayer_1").jPlayer
ready: ->
$(this).jPlayer "setMedia",
m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a"
oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
swfPath: "/js"
supplied: "m4a, oga"
return
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment