Scrub HTML5 videos by scrolling
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_assets
css
img
js
LICENSE
README.md
TODO.md
index.php

README.md

Scrubber

Scrub HTML5 videos by scrolling (vanilla JS)

Documentation

  • Add scrubber.js
  • Create a container, for instance a <div> and slap the scrubber class on there.
  • Inside the container, create your HTML5 <video> element
  • Scroll away.

Example 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>

See the example in action on the website http://scrubber.pascalculator.be