ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP on better seeking

Browse Source
This commit is contained in:
Sam Potts
2015-03-05 00:41:42 +11:00
parent 617ae146c1
commit 93e3f7cdd9
8 changed files with 168 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/src/templates/controls.html
View File

@ -1,5 +1,7 @@
<div class="player-controls">
<div class="player-progress">
<label for="seek{id}" class="sr-only">Seek</label>
<input id="seek{id}" class="player-progress-seek" type="range" min="0" max="100" step="0.5" value="0" data-player="seek">
<progress class="player-progress-played" max="100" value="0">
<span>0</span>% played
</progress>
@ -14,7 +16,7 @@
</button>
<button type="button" data-player="rewind">
<svg><use xlink:href="#icon-rewind"></use></svg>
<span class="sr-only">Rewind <span class="player-seek-time">{seektime}</span> seconds</span>
<span class="sr-only">Rewind {seektime} seconds</span>
</button>
<button type="button" data-player="play">
<svg><use xlink:href="#icon-play"></use></svg>
@ -26,7 +28,7 @@
</button>
<button type="button" data-player="fast-forward">
<svg><use xlink:href="#icon-fast-forward"></use></svg>
<span class="sr-only">Fast forward <span class="player-seek-time">{seektime}</span> seconds</span>
<span class="sr-only">Fast forward {seektime} seconds</span>
</button>
<span class="player-time">
<span class="sr-only">Time</span>
@ -42,7 +44,7 @@
</label>
<label for="volume{id}" class="sr-only">Volume</label>
<input id="volume{id}" class="player-volume" type="range" min="0" max="10" value="5" data-player="volume">
<input id="volume{id}" class="player-volume" type="range" min="0" max="10" step="0.5" value="0" data-player="volume">
<input class="sr-only" id="captions{id}" type="checkbox" data-player="captions">
<label for="captions{id}">