https://github.com/kriskbx/video-comparison.js

a html5 video comparison slider library for javascript
https://github.com/kriskbx/video-comparison.js

Last synced: about 1 month ago
JSON representation

a html5 video comparison slider library for javascript

• Host: GitHub
• URL: https://github.com/kriskbx/video-comparison.js
• Owner: kriskbx
• Archived: true
• Created: 2014-07-14T10:23:11.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-08-11T08:01:54.000Z (over 10 years ago)
• Last Synced: 2024-03-16T07:50:54.437Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 168 KB
• Stars: 4
• Watchers: 6
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
video-comparison.js

================

video-comparison.js is a JavaScript library that creates a slider between two HTML5 videos. You can show the differences between these two videos. It was actually made for Visual Effects and Video Games.

It integrates with [Synchronize.js](https://github.com/CallToPower/Synchronize.js) to sync this two videos but it also runs without jQuery.

### Integrate the Script and Styles in your head

	

	

### HTML

	


		

			

			

			

			

		

		

			

			

			

			

		

	


You can use as many HTML instances as you want on one page.

### Use Synchronize.js

Download `Synchronize.js` here: https://github.com/CallToPower/Synchronize.js

You also need jQuery for Synchronize.js:

	

	

	

### Options

There is only one option right now: set `data-loop` to false if you want the videos to run only once.