jquery-chameleon

A jQuery plugin to synchronize slide images with videos in JWPlayer 7, HTML5 or YouTube Player

Video Synchronization with slide images: Synchronzing slide images with videos based on the preset rules.
Markers: Showing the highlighted slide, i.e. the one you are currently viewing. Navigated to a specific moment with a simple click.
Carousel Navigatior: Showing N slides in a carousel where N can be configured with the variable numOfCarouselSlide
Responsive: Rendering in a responsive way or not is your choice.
Multiple Video Player Support: Currently supported video players are HTML5 player (by default), YT Player and JWPlayer 7.
Download Panel: Allowing users to download video, slides and transcript.

via NPM:

npm install jquery-chameleon

via CDN:

https://gitcdn.xyz/repo/wingkwong/jquery-chameleon/master/src/chameleon.min.js

https://gitcdn.xyz/repo/wingkwong/jquery-chameleon/master/src/chameleon.min.css

HTML:

<div class="chameleon"></div>

Javascript:

$('.chameleon').chameleon(options);

Authors

This project is licensed under the MIT License - see the LICENSE file for details