From 93e3f7cdd9f0e52b8c5d293c9caa6eaaadfb2718 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Thu, 5 Mar 2015 00:41:42 +1100 Subject: WIP on better seeking --- src/js/plyr.js | 89 ++++++++++++---------------- src/less/plyr.less | 171 ++++++++++++++++++++++++++++++++++++----------------- 2 files changed, 155 insertions(+), 105 deletions(-) (limited to 'src') diff --git a/src/js/plyr.js b/src/js/plyr.js index f91985ae..86144e9d 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -24,6 +24,7 @@ container: ".player", controls: ".player-controls", buttons: { + seek: "[data-player='seek']", play: "[data-player='play']", pause: "[data-player='pause']", restart: "[data-player='restart']", @@ -40,8 +41,7 @@ played: ".player-progress-played" }, captions: ".player-captions", - duration: ".player-duration", - seekTime: ".player-seek-time" + duration: ".player-duration" }, classes: { video: "player-video", @@ -72,6 +72,8 @@ html: (function() { return ["
", "
", + "", + "", "", "0% played", "", @@ -86,7 +88,7 @@ "", "", "", "", "", "Time", @@ -275,33 +277,6 @@ return Math.floor((current / max) * 100); } - // Get click position relative to parent - // http://www.kirupa.com/html5/getting_mouse_click_position.htm - function _getClickPosition(event) { - var parentPosition = _fullscreen().isFullScreen() ? { x: 0, y: 0 } : _getPosition(event.currentTarget); - - return { - x: event.clientX - parentPosition.x, - y: event.clientY - parentPosition.y - }; - } - // Get element position - function _getPosition(element) { - var xPosition = 0; - var yPosition = 0; - - while (element) { - xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft); - yPosition += (element.offsetTop - element.scrollTop + element.clientTop); - element = element.offsetParent; - } - - return { - x: xPosition, - y: yPosition - }; - } - // Deep extend/merge two Objects // http://andrewdupont.net/2009/08/28/deep-extending-objects-in-javascript/ // Removed call to arguments.callee (used explicit function name instead) @@ -509,6 +484,7 @@ // Buttons player.buttons = {}; + player.buttons.seek = _getElement(config.selectors.buttons.seek); player.buttons.play = _getElement(config.selectors.buttons.play); player.buttons.pause = _getElement(config.selectors.buttons.pause); player.buttons.restart = _getElement(config.selectors.buttons.restart); @@ -757,13 +733,6 @@ } } - // Setup seeking - function _setupSeeking() { - // Update number of seconds in rewind and fast forward buttons - player.seekTime[0].innerHTML = config.seekTime; - player.seekTime[1].innerHTML = config.seekTime; - } - // Setup fullscreen function _setupFullscreen() { if(player.type === "video" && config.fullscreen.enabled) { @@ -973,8 +942,21 @@ progress = player.progress.played.bar; text = player.progress.played.text; value = _getPercentage(player.media.currentTime, player.media.duration); + + // Set seeking value + player.buttons.seek.value = value; + break; + // Seeking + case "change": + case "input": + progress = player.progress.played.bar; + text = player.progress.played.text; + value = event.target.value; + break; + + // Check buffer status case "playing": case "progress": @@ -996,6 +978,8 @@ progress.value = value; text.innerHTML = value; } + + //_log(event); } // Update the displayed play time @@ -1066,17 +1050,25 @@ }); } - // Duration - _on(player.media, "timeupdate", _updateTimeDisplay); + // Time change on media + _on(player.media, "timeupdate", function(event) { + // Duration + _updateTimeDisplay(); + // Playing progress + _updateProgress(event); + }); + + // Seek + _on(player.buttons.seek, "change input", function(event) { + // Update progress elements + _updateProgress(event); - // Playing progress - _on(player.media, "timeupdate", _updateProgress); + // Update the text label + _updateTimeDisplay(); + + // Seek to the selected time + player.media.currentTime = ((this.value / this.max) * player.media.duration); - // Skip when clicking progress bar - _on(player.progress.played.bar, "click", function(event) { - player.pos = _getClickPosition(event).x / this.offsetWidth; - player.media.currentTime = player.pos * player.media.duration; - // Special handling for "manual" captions if (!player.isTextTracks && player.type === "video") { _adjustManualCaptions(player); @@ -1154,9 +1146,6 @@ // Setup fullscreen _setupFullscreen(); - // Seeking - _setupSeeking(); - // Listeners _listeners(); } diff --git a/src/less/plyr.less b/src/less/plyr.less index 9a53715b..11bcd701 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -21,7 +21,6 @@ @control-bg-hover: @blue; @control-color: @gray-light; @control-color-inactive: @gray; -@control-color-focus: #fff; @control-color-hover: #fff; // Progress @@ -29,13 +28,13 @@ @progress-playing-bg: @blue; @progress-buffered-bg: @gray; -// Range -@range-track-height: 6px; -@range-track-bg: @gray; -@range-thumb-height: (@range-track-height * 2); -@range-thumb-width: (@range-track-height * 2); -@range-thumb-bg: @control-color; -@range-thumb-bg-focus: @control-bg-hover; +// Volume +@volume-track-height: 6px; +@volume-track-bg: @gray; +@volume-thumb-height: (@volume-track-height * 2); +@volume-thumb-width: (@volume-track-height * 2); +@volume-thumb-bg: @control-color; +@volume-thumb-bg-focus: @control-bg-hover; // Breakpoints @bp-control-split: 560px; // When controls split into left/right @@ -64,25 +63,35 @@ // Tab focus styles .tab-focus() { outline: thin dotted #000; - outline-offset: 1px; + outline-offset: 0; } // Range styling // --------------------------------------- -.range-thumb() { - height: @range-thumb-height; - width: @range-thumb-width; - background: @range-thumb-bg; +.volume-thumb() { + height: @volume-thumb-height; + width: @volume-thumb-width; + background: @volume-thumb-bg; border: 0; - border-radius: (@range-thumb-height / 2); + border-radius: (@volume-thumb-height / 2); transition: background .3s ease; cursor: ew-resize; } -.range-track() { - height: @range-track-height; - background: @range-track-bg; +.volume-track() { + height: @volume-track-height; + background: @volume-track-bg; + border: 0; + border-radius: (@volume-track-height / 2); +} +.seek-thumb() { + background: transparent; + border: 0; + width: 2px; + height: @control-spacing; +} +.seek-track() { + background: none; border: 0; - border-radius: (@range-track-height / 2); } // Font smoothing @@ -210,16 +219,18 @@ background: transparent; overflow: hidden; } - [type="checkbox"]:focus + label, - button:focus { - .tab-focus(); - color: @control-color-focus; - } + + button:focus, button:hover, + [type="checkbox"]:focus + label, [type="checkbox"] + label:hover { background: @control-bg-hover; color: @control-color-hover; } + button:focus, + [type="checkbox"]:focus + label { + outline: 0; + } .icon-exit-fullscreen, .icon-muted, .icon-captions-on { @@ -248,43 +259,93 @@ background: @progress-bg; &-buffer, - &-played { + &-played, + &-seek[type=range] { position: absolute; left: 0; top: 0; width: 100%; - height: 100%; + height: @control-spacing; margin: 0; + padding: 0; vertical-align: top; - - &[value] { - -webkit-appearance: none; - border: none; - background: transparent; - &::-webkit-progress-bar { - background: transparent; - } + -webkit-appearance: none; + -moz-appearance: none; + border: none; + background: transparent; + } + &-buffer, + &-played { + &::-webkit-progress-bar { + background: transparent; + } - // Inherit from currentColor; - &::-webkit-progress-value { - background: currentColor; - } - &::-moz-progress-bar { - background: currentColor; - } + // Inherit from currentColor; + &::-webkit-progress-value { + background: currentColor; + } + &::-moz-progress-bar { + background: currentColor; } } &-played { z-index: 2; } - &-played[value] { - cursor: pointer; + &-played{ color: @progress-playing-bg; } - &-buffer[value] { + &-buffer { color: @progress-buffered-bg; } + + // Seek control + // element + // Specificity is for bootstrap compatibility + &-seek[type=range] { + z-index: 3; + cursor: pointer; + outline: 0; + + // Webkit + &::-webkit-slider-runnable-track { + .seek-track(); + } + &::-webkit-slider-thumb { + -webkit-appearance: none; + .seek-thumb(); + } + + // Mozilla + &::-moz-range-track { + .seek-track(); + } + &::-moz-range-thumb { + -moz-appearance: none; + .seek-thumb(); + } + + // Microsoft + &::-ms-track { + color: transparent; + .seek-track(); + } + &::-ms-fill-lower, + &::-ms-fill-upper { + .seek-track(); + } + &::-ms-thumb { + .seek-thumb(); + } + + &:focus { + //.tab-focus(); + outline: 0; + } + &::-moz-focus-outer { + border: 0; + } + } } // States @@ -312,49 +373,49 @@ // Webkit &::-webkit-slider-runnable-track { - .range-track(); + .volume-track(); } &::-webkit-slider-thumb { -webkit-appearance: none; - margin-top: -((@range-thumb-height - @range-track-height) / 2); - .range-thumb(); + margin-top: -((@volume-thumb-height - @volume-track-height) / 2); + .volume-thumb(); } // Mozilla &::-moz-range-track { - .range-track(); + .volume-track(); } &::-moz-range-thumb { - .range-thumb(); + .volume-thumb(); } // Microsoft &::-ms-track { - height: @range-track-height; + height: @volume-track-height; background: transparent; border-color: transparent; - border-width: ((@range-thumb-height - @range-track-height) / 2) 0; + border-width: ((@volume-thumb-height - @volume-track-height) / 2) 0; color: transparent; } &::-ms-fill-lower, &::-ms-fill-upper { - .range-track(); + .volume-track(); } &::-ms-thumb { - .range-thumb(); + .volume-thumb(); } &:focus { outline: 0; &::-webkit-slider-thumb { - background: @range-thumb-bg-focus; + background: @volume-thumb-bg-focus; } &::-moz-range-thumb { - background: @range-thumb-bg-focus; + background: @volume-thumb-bg-focus; } &::-ms-thumb { - background: @range-thumb-bg-focus; + background: @volume-thumb-bg-focus; } } } -- cgit v1.2.3 From 1903b1bcdff0f1ac74b47cf071995b8c699e6de0 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Thu, 5 Mar 2015 18:36:18 +1100 Subject: Seeking (still work in progress) --- src/js/plyr.js | 102 +++++++++++++++++++++-------------- src/less/plyr.less | 29 +++++----- src/sass/plyr.scss | 153 +++++++++++++++++++++++++++++++++++++---------------- 3 files changed, 183 insertions(+), 101 deletions(-) (limited to 'src') diff --git a/src/js/plyr.js b/src/js/plyr.js index 86144e9d..6dfe29bc 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -274,7 +274,7 @@ // Get percentage function _getPercentage(current, max) { - return Math.floor((current / max) * 100); + return ((current / max) * 100).toFixed(2); } // Deep extend/merge two Objects @@ -781,19 +781,7 @@ if(typeof seekTime !== "number") { seekTime = config.seekTime; } - - var targetTime = player.media.currentTime - seekTime; - - if (targetTime < 0) { - player.media.currentTime = 0; - } - else { - player.media.currentTime = targetTime; - } - // Special handling for "manual" captions - if (!player.isTextTracks && player.type === "video") { - _adjustManualCaptions(player); - } + _seek(player.media.currentTime - seekTime); } // Fast forward @@ -802,15 +790,43 @@ if(typeof seekTime !== "number") { seekTime = config.seekTime; } + _seek(player.media.currentTime + seekTime); + } + + // Seek to time + var _seek = function(input) { + //var value = config.seekTime; + var targetTime = 0; - var targetTime = player.media.currentTime + seekTime; + // If no event or time is passed, bail + if (typeof input === "undefined") { + return; + } + // Explicit position + else if (typeof input === "number") { + targetTime = input; + } + // Event + else if (input.type === "change" || input.type === "input") { + // It's the seek slider + // Seek to the selected time + targetTime = ((this.value / this.max) * player.media.duration).toFixed(1); + } + // Handle min and max values if (targetTime > player.media.duration) { player.media.currentTime = player.media.duration; } + else if (targetTime < 0) { + player.media.currentTime = 0; + } else { player.media.currentTime = targetTime; } + + // Logging + _log("Seeking to " + player.media.currentTime + " seconds"); + // Special handling for "manual" captions if (!player.isTextTracks && player.type === "video") { _adjustManualCaptions(player); @@ -939,16 +955,19 @@ switch(event.type) { // Video playing case "timeupdate": + case "seeking": progress = player.progress.played.bar; text = player.progress.played.text; value = _getPercentage(player.media.currentTime, player.media.duration); - // Set seeking value - player.buttons.seek.value = value; - + // Set seek range value only if it's a "natural" time event + if(event.type == "timeupdate") { + player.buttons.seek.value = value; + } + break; - // Seeking + // Events from seek range case "change": case "input": progress = player.progress.played.bar; @@ -995,6 +1014,13 @@ player.duration.innerHTML = player.mins + ":" + player.secs; } + function _timeUpdate(event) { + // Duration + _updateTimeDisplay(); + // Playing progress + _updateProgress(event); + } + // Listen for events function _listeners() { // Play @@ -1051,29 +1077,26 @@ } // Time change on media - _on(player.media, "timeupdate", function(event) { - // Duration - _updateTimeDisplay(); - // Playing progress - _updateProgress(event); - }); + _on(player.media, "timeupdate seeking", _timeUpdate); - // Seek - _on(player.buttons.seek, "change input", function(event) { - // Update progress elements - _updateProgress(event); - - // Update the text label - _updateTimeDisplay(); - - // Seek to the selected time - player.media.currentTime = ((this.value / this.max) * player.media.duration); - - // Special handling for "manual" captions - if (!player.isTextTracks && player.type === "video") { - _adjustManualCaptions(player); + // Pause and resume while seeking + /*_on(player.media, "seeking", function() { + if(!player.media.paused && !player.seekPaused) { + player.seekPaused = true; + _pause(); } + _log("Seeking") }); + _on(player.media, "seeked", function() { + if(player.seekPaused) { + player.seekPaused = false; + _play(); + } + _log("Seeked") + });*/ + + // Seek + _on(player.buttons.seek, "change input", _seek); // Captions _on(player.buttons.captions, "click", function() { @@ -1159,6 +1182,7 @@ restart: _restart, rewind: _rewind, forward: _forward, + seek: _seek, setVolume: _setVolume, toggleMute: _toggleMute, toggleCaptions: _toggleCaptions diff --git a/src/less/plyr.less b/src/less/plyr.less index 11bcd701..b72f0ec7 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -66,7 +66,7 @@ outline-offset: 0; } -// Range styling +// styling // --------------------------------------- .volume-thumb() { height: @volume-thumb-height; @@ -205,13 +205,13 @@ transition: fill .3s ease; } } - [type="checkbox"] + label, + input + label, .inverted:checked + label { color: @control-color-inactive; } button, .inverted + label, - [type="checkbox"]:checked + label { + input:checked + label { color: @control-color; } button { @@ -222,13 +222,13 @@ button:focus, button:hover, - [type="checkbox"]:focus + label, - [type="checkbox"] + label:hover { + input:focus + label, + input + label:hover { background: @control-bg-hover; color: @control-color-hover; } button:focus, - [type="checkbox"]:focus + label { + input:focus + label { outline: 0; } .icon-exit-fullscreen, @@ -258,8 +258,8 @@ height: @control-spacing; background: @progress-bg; - &-buffer, - &-played, + &-buffer[value], + &-played[value], &-seek[type=range] { position: absolute; left: 0; @@ -275,8 +275,8 @@ border: none; background: transparent; } - &-buffer, - &-played { + &-buffer[value], + &-played[value] { &::-webkit-progress-bar { background: transparent; } @@ -284,18 +284,18 @@ // Inherit from currentColor; &::-webkit-progress-value { background: currentColor; + transition: width .1s ease; } &::-moz-progress-bar { background: currentColor; + transition: width .1s ease; } } - &-played { + &-played[value] { z-index: 2; - } - &-played{ color: @progress-playing-bg; } - &-buffer { + &-buffer[value] { color: @progress-buffered-bg; } @@ -339,7 +339,6 @@ } &:focus { - //.tab-focus(); outline: 0; } &::-moz-focus-outer { diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 51eae73d..34ab288f 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -30,12 +30,12 @@ $progress-playing-bg: $blue; $progress-buffered-bg: $gray; // Range -$range-track-height: 6px; -$range-track-bg: $gray; -$range-thumb-height: ($range-track-height * 2); -$range-thumb-width: ($range-track-height * 2); -$range-thumb-bg: $control-color; -$range-thumb-bg-focus: $control-bg-hover; +$volume-track-height: 6px; +$volume-track-bg: $gray; +$volume-thumb-height: ($volume-track-height * 2); +$volume-thumb-width: ($volume-track-height * 2); +$volume-thumb-bg: $control-color; +$volume-thumb-bg-focus: $control-bg-hover; // Breakpoints $bp-control-split: 560px; // When controls split into left/right @@ -66,27 +66,37 @@ $bp-captions-large: 768px; // When captions jump to the larger font size @mixin tab-focus() { outline: thin dotted #000; - outline-offset: 1px; + outline-offset: 0; } -// Range styling +// styling // --------------------------------------- -@mixin range-thumb() +@mixin volume-thumb() { - height: $range-thumb-height; - width: $range-thumb-width; - background: $range-thumb-bg; + height: $volume-thumb-height; + width: $volume-thumb-width; + background: $volume-thumb-bg; border: 0; - border-radius: ($range-thumb-height / 2); + border-radius: ($volume-thumb-height / 2); transition: background .3s ease; cursor: ew-resize; } -@mixin range-track() +@mixin volume-track() { - height: $range-track-height; - background: $range-track-bg; + height: $volume-track-height; + background: $volume-track-bg; + border: 0; + border-radius: ($volume-track-height / 2); +} +@mixin seek-thumb() { + background: transparent; + border: 0; + width: 2px; + height: $control-spacing; +} +@mixin seek-track() { + background: none; border: 0; - border-radius: ($range-track-height / 2); } // Font smoothing @@ -202,13 +212,13 @@ $bp-captions-large: 768px; // When captions jump to the larger font size transition: fill .3s ease; } } - [type="checkbox"] + label, + input + label, .inverted:checked + label { color: $control-color-inactive; } button, .inverted + label, - [type="checkbox"]:checked + label { + input:checked + label { color: $control-color; } button { @@ -216,13 +226,13 @@ $bp-captions-large: 768px; // When captions jump to the larger font size background: transparent; overflow: hidden; } - [type="checkbox"]:focus + label, + input:focus + label, button:focus { @include tab-focus(); color: $control-color-focus; } button:hover, - [type="checkbox"] + label:hover { + input + label:hover { background: $control-bg-hover; color: $control-color-hover; } @@ -253,8 +263,9 @@ $bp-captions-large: 768px; // When captions jump to the larger font size height: $control-spacing; background: $progress-bg; - &-buffer, - &-played { + &-buffer[value], + &-played[value], + &-seek[type=range] { position: absolute; left: 0; top: 0; @@ -263,34 +274,82 @@ $bp-captions-large: 768px; // When captions jump to the larger font size margin: 0; vertical-align: top; - &[value] { - -webkit-appearance: none; - border: none; - background: transparent; + -webkit-appearance: none; + -moz-appearance: none; + border: none; + background: transparent; + } - &::-webkit-progress-bar { - background: transparent; - } + &-buffer[value], + &-played[value] { + &::-webkit-progress-bar { + background: transparent; + } - // Inherit from currentColor; - &::-webkit-progress-value { - background: currentColor; - } - &::-moz-progress-bar { - background: currentColor; - } + // Inherit from currentColor; + &::-webkit-progress-value { + background: currentColor; + transition: width .1s ease; + } + &::-moz-progress-bar { + background: currentColor; + transition: width .1s ease; } - } - &-played { - z-index: 2; } &-played[value] { - cursor: pointer; + z-index: 2; color: $progress-playing-bg; } &-buffer[value] { color: $progress-buffered-bg; } + + // Seek control + // element + // Specificity is for bootstrap compatibility + &-seek[type=range] { + z-index: 3; + cursor: pointer; + outline: 0; + + // Webkit + &::-webkit-slider-runnable-track { + @include seek-track(); + } + &::-webkit-slider-thumb { + -webkit-appearance: none; + @include seek-thumb(); + } + + // Mozilla + &::-moz-range-track { + @include seek-track(); + } + &::-moz-range-thumb { + -moz-appearance: none; + @include seek-thumb(); + } + + // Microsoft + &::-ms-track { + color: transparent; + @include seek-track(); + } + &::-ms-fill-lower, + &::-ms-fill-upper { + @include seek-track(); + } + &::-ms-thumb { + @include seek-thumb(); + } + + &:focus { + outline: 0; + } + &::-moz-focus-outer { + border: 0; + } + } } // States @@ -321,7 +380,7 @@ $bp-captions-large: 768px; // When captions jump to the larger font size } &::-webkit-slider-thumb { -webkit-appearance: none; - margin-top: -(($range-thumb-height - $range-track-height) / 2); + margin-top: -(($volume-thumb-height - $volume-track-height) / 2); @include range-thumb(); } @@ -335,10 +394,10 @@ $bp-captions-large: 768px; // When captions jump to the larger font size // Microsoft &::-ms-track { - height: $range-track-height; + height: $volume-track-height; background: transparent; border-color: transparent; - border-width: (($range-thumb-height - $range-track-height) / 2) 0; + border-width: (($volume-thumb-height - $volume-track-height) / 2) 0; color: transparent; } &::-ms-fill-lower, @@ -353,13 +412,13 @@ $bp-captions-large: 768px; // When captions jump to the larger font size outline: 0; &::-webkit-slider-thumb { - background: $range-thumb-bg-focus; + background: $volume-thumb-bg-focus; } &::-moz-range-thumb { - background: $range-thumb-bg-focus; + background: $volume-thumb-bg-focus; } &::-ms-thumb { - background: $range-thumb-bg-focus; + background: $volume-thumb-bg-focus; } } } -- cgit v1.2.3 From c6e5937debb0f9eef1bccf5a0318b287c28cbee6 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Thu, 5 Mar 2015 22:38:25 +1100 Subject: Seeking improvements --- src/js/plyr.js | 148 ++++++++++++++++++++++++--------------------------------- 1 file changed, 63 insertions(+), 85 deletions(-) (limited to 'src') diff --git a/src/js/plyr.js b/src/js/plyr.js index 6dfe29bc..b16eb021 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -70,66 +70,68 @@ enabled: true }, html: (function() { - return ["
", - "
", - "", - "", - "", - "0% played", - "", - "", - "0% buffered", - "", - "
", - "", - "", - "", - "", - "", - "", - "", - "Time", - "00:00", + return [ + "
", + "
", + "", + "", + "", + "0% played", + "", + "", + "0% buffered", + "", + "
", + "", + "", + "", + "", + "", + "", + "", + "Time", + "00:00", + "", "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "
"].join("\n"); - })() + "", + "", + "", + "", + "", + "", + "", + "", + "", + "
" + ].join("\n"); + })() }; // Debugging @@ -813,16 +815,8 @@ targetTime = ((this.value / this.max) * player.media.duration).toFixed(1); } - // Handle min and max values - if (targetTime > player.media.duration) { - player.media.currentTime = player.media.duration; - } - else if (targetTime < 0) { - player.media.currentTime = 0; - } - else { - player.media.currentTime = targetTime; - } + // Set the current time + player.media.currentTime = targetTime; // Logging _log("Seeking to " + player.media.currentTime + " seconds"); @@ -1079,22 +1073,6 @@ // Time change on media _on(player.media, "timeupdate seeking", _timeUpdate); - // Pause and resume while seeking - /*_on(player.media, "seeking", function() { - if(!player.media.paused && !player.seekPaused) { - player.seekPaused = true; - _pause(); - } - _log("Seeking") - }); - _on(player.media, "seeked", function() { - if(player.seekPaused) { - player.seekPaused = false; - _play(); - } - _log("Seeked") - });*/ - // Seek _on(player.buttons.seek, "change input", _seek); -- cgit v1.2.3