Scrubber is a vanilla JavaScript extension that enables HTML5 video scrubbing by scrolling.
<div>
and slap the scrubber
class on there.<video>
elementHere's an example of the code:
<div class="scrubber"> <video controls loop poster="http://scrubber.pascalculator.be/img/scrub.jpg"> <source src="http://scrubber.pascalculator.be/img/scrub.webm"> </video> </div> ... <script src="http://scrubber.pascalculator.be/js/scrubber.js"></script>
which wil result into:
If you want to show the scroll icon, you will need the scrubber css and scroll icon
Here are some other projects I've been working on: