Updates to docs, fix for seek time in controls

This commit is contained in:
Sam Potts
2015-02-28 12:07:21 +11:00
parent dd17100a53
commit 35ac236a00
7 changed files with 146 additions and 35 deletions

View File

@ -16,7 +16,7 @@
var defaults = {
enabled: true,
debug: false,
seekInterval: 10,
seekTime: 10,
volume: 5,
click: true,
selectors: {
@ -435,6 +435,9 @@
// Replace aria label instances
html = _replaceAll(html, "{aria-label}", config.playAriaLabel);
// Replace seek time instances
html = _replaceAll(html, "{seek-time}", config.seekTime);
// Replace all id references
html = _replaceAll(html, "{id}", player.random);
@ -688,8 +691,8 @@
// Setup seeking
function _setupSeeking() {
// Update number of seconds in rewind and fast forward buttons
player.seekTime[0].innerHTML = config.seekInterval;
player.seekTime[1].innerHTML = config.seekInterval;
player.seekTime[0].innerHTML = config.seekTime;
player.seekTime[1].innerHTML = config.seekTime;
}
// Setup fullscreen
@ -735,13 +738,13 @@
}
// Rewind
function _rewind(seekInterval) {
function _rewind(seekTime) {
// Use default if needed
if(typeof seekInterval !== "number") {
seekInterval = config.seekInterval;
if(typeof seekTime !== "number") {
seekTime = config.seekTime;
}
var targetTime = player.media.currentTime - seekInterval;
var targetTime = player.media.currentTime - seekTime;
if (targetTime < 0) {
player.media.currentTime = 0;
@ -756,13 +759,13 @@
}
// Fast forward
function _forward(seekInterval) {
function _forward(seekTime) {
// Use default if needed
if(typeof seekInterval !== "number") {
seekInterval = config.seekInterval;
if(typeof seekTime !== "number") {
seekTime = config.seekTime;
}
var targetTime = player.media.currentTime + seekInterval;
var targetTime = player.media.currentTime + seekTime;
if (targetTime > player.media.duration) {
player.media.currentTime = player.media.duration;

View File

@ -14,7 +14,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">10</span> seconds</span>
<span class="sr-only">Rewind <span class="player-seek-time">{seek-time}</span> seconds</span>
</button>
<button type="button" aria-label="{aria-label}" data-player="play">
<svg><use xlink:href="#icon-play"></use></svg>
@ -26,7 +26,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">10</span> seconds</span>
<span class="sr-only">Fast forward <span class="player-seek-time">{seek-time}</span> seconds</span>
</button>
<span class="player-time">
<span class="sr-only">Time</span>