From 35ac236a0067c4688c60e5a40c1f7188d3c0db15 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sat, 28 Feb 2015 12:07:21 +1100
Subject: Updates to docs, fix for seek time in controls

---
 src/js/plyr.js              | 25 ++++++++++++++-----------
 src/templates/controls.html |  4 ++--
 2 files changed, 16 insertions(+), 13 deletions(-)

(limited to 'src')

diff --git a/src/js/plyr.js b/src/js/plyr.js
index 969799ae..97cb273f 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -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;
diff --git a/src/templates/controls.html b/src/templates/controls.html
index 3ae8d8c4..d25c52ee 100644
--- a/src/templates/controls.html
+++ b/src/templates/controls.html
@@ -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>
-- 
cgit v1.2.3