testing player events

This commit is contained in:
dave 2014-08-28 22:42:22 -07:00
parent de600b5742
commit 1cfade73f9
3 changed files with 17 additions and 7 deletions

View File

@ -12,7 +12,10 @@
</div> </div>
<div id="playerdrop" class="clearfix"> <div id="playerdrop" class="clearfix">
<div class="controls"> <div class="controls">
<button class="btn btn-default"><span class="glyphicon glyphicon-play"></span></button> <button class="playbtn btn btn-default"><span class="glyphicon glyphicon-play"></span></button>
</div>
<div class="timeshow">
0:00
</div> </div>
<div class="time"> <div class="time">
<div class="time-holder"> <div class="time-holder">

View File

@ -61,7 +61,10 @@ div.slider.slider-horizontal {
display: block; display: block;
width: 100% width: 100%
} }
#playerdrop > div.timeshow {
width: 15%
}
#playerdrop > div.time { #playerdrop > div.time {
width: 80%; width: 65%;
padding: 5px 8px 5px 20px; padding: 5px 8px 5px 20px;
} }

View File

@ -155,10 +155,16 @@ var behaviors = {
$(".time-holder").html('<input class="player-slider" type="text" data-slider-step="1" data-slider-value="0"/>') $(".time-holder").html('<input class="player-slider" type="text" data-slider-step="1" data-slider-value="0"/>')
$(".time-holder .player-slider").slider({min:0,max:parseInt($("#player").data("jPlayer").status.duration+1),tooltip:"hide"}) $(".time-holder .player-slider").slider({min:0,max:parseInt($("#player").data("jPlayer").status.duration+1),tooltip:"hide"})
$(".time-holder input").onChn
},
play:function() {
console.log("Play event")
} }
}) })
$(".playlink").on("click", function(){ $(".playlink").on("click", function(){
url = $(this).data("url") url = $(this).data("url")
$("#player").jPlayer("setMedia", { $("#player").jPlayer("setMedia", {
@ -166,11 +172,9 @@ var behaviors = {
mp3: url mp3: url
}).jPlayer("play") }).jPlayer("play")
$("#playerdrop .playbtn").click(function(){
})
//$("#player-slider").slider()
}) })
done() done()