HTML5 Video Player Support Product Page
Forward and backward scrubber handle.
Shared 30 Jan 2013 12:23:59
2
like this idea
30 Jan 2013 12:23:59 Dana Meyer posted:
Would it be possible to add a movable scrubber handle, so you move forward and backwards in the video? Replies
Replied 30 Jan 2013 13:03:24
30 Jan 2013 13:03:24 Vulcho Vulev replied:
Hello Dana.
Thank you for sharing your idea with us.
in the current version of the extension there is keyboard navigation which allow you to scroll forward and backward through the video.
Regards:Vulcho.
Thank you for sharing your idea with us.
in the current version of the extension there is keyboard navigation which allow you to scroll forward and backward through the video.
Regards:Vulcho.
Replied 06 Mar 2016 17:28:45
06 Mar 2016 17:28:45 Jack McNeely replied:
I am bumping up this topic because adding a scrubber handle would be quite useful, and I am pretty sure it can be done. The DMXzone extension uses version 1.2.33.r289 of the Projekktor player, from www.projekktor.com/. Projekktor has not been updated in years, but the last release was version 1.3.09. The documentation for that version has instructions for adding a scrubber to the player using tag variables "scrubber" and "scrubberdrag", and "rewind" and "forward" for jumping 5 seconds forward or backward. The instructions for how that works, at www.projekktor.com/docs/theming, are complicated and confusing, and I am lazy and stupid.
So the questions are, 1) is there an easy way to add those variables to the code generated by the DMXzone extension, and 2) does the older version of the projekktor.min.js script used by the extension even support those tags, or do we need an update to the extension to get them to work?
As an aside, the version 1.3.09 that is available from projekktor.com comes with only the Maccao theme, and the demo videos on display there use that theme and show the scrubber. The earlier versions of the projekktor script included the Applicious theme (my favorite) and others, but those themes are no longer included in the 1.3.09 download and, as near as I can tell, cannot be used with the 1.3.09 version of the script. Simply replacing the projekktor.min.js that the DMXzone extension installs in ScriptLibrary with the latest version does not work; the older themes make it barf error messages.
Also as an aside, the Maccao theme that comes with the version installed by the DMXzone extension does have a scrubber. It is the only one of the themes that does, but it isn't very apparent to the user that the scrubber is there. The user has to pause the video and then click to a spot on the video progress bar to jump to that spot.
In a perfect world, someone will tell me, "Oh, yeah, it is easy. You just add this simple JavaScript to your page or add these simple tags to the DMXzone code and the magic will work."
So the questions are, 1) is there an easy way to add those variables to the code generated by the DMXzone extension, and 2) does the older version of the projekktor.min.js script used by the extension even support those tags, or do we need an update to the extension to get them to work?
As an aside, the version 1.3.09 that is available from projekktor.com comes with only the Maccao theme, and the demo videos on display there use that theme and show the scrubber. The earlier versions of the projekktor script included the Applicious theme (my favorite) and others, but those themes are no longer included in the 1.3.09 download and, as near as I can tell, cannot be used with the 1.3.09 version of the script. Simply replacing the projekktor.min.js that the DMXzone extension installs in ScriptLibrary with the latest version does not work; the older themes make it barf error messages.
Also as an aside, the Maccao theme that comes with the version installed by the DMXzone extension does have a scrubber. It is the only one of the themes that does, but it isn't very apparent to the user that the scrubber is there. The user has to pause the video and then click to a spot on the video progress bar to jump to that spot.
In a perfect world, someone will tell me, "Oh, yeah, it is easy. You just add this simple JavaScript to your page or add these simple tags to the DMXzone code and the magic will work."