/*! jQuery VideoSync
 *  https://github.com/MA3STR0/jquery-videosync
 *  Shows or hides page content based on video playback time */
(function($) {
    $.fn.videosync = function() {
        return this.each( function() {
            var video = this;
            var nodes = [];
            var lastTime = -1;
            var time;
              $('.videosync').each(function(){
                  var $this = $(this);
                  nodes.push({
                      start: parseFloat($this.data('videosync-start')),
                      end: parseFloat($this.data('videosync-end')),
                      class: $this.data('videosync-class'),
                      element: $this
                  });
              });
            video.addEventListener('timeupdate', function(){
                time = parseFloat(video.currentTime);
                if (Math.abs(time - lastTime) < 0.1) {
                    return
                }
                lastTime = time;
                for (var i = 0; i < nodes.length; i++) {
                    var node = nodes[i];
                    if ((!node.element.hasClass(node.class)) && (time >= node.start) && (node.end ? time < node.end : true)) {
                        node.element.addClass(node.class);
                    } else if ((node.element.hasClass(node.class)) && ((time < node.start) || (node.end ? time >= node.end : false))) {
                        node.element.removeClass(node.class);
                    }
                }
            }, false);
        });
    };
    $('video.videosync-source').videosync();
}(jQuery));

@@ -70,20 +70,17 @@
  *  
-Shows or hid
+Manipulat
 es p
@@ -203,32 +203,104 @@
 h( function() %7B%0A
+            var classIn = 'vs-in';%0A            var classOut = 'vs-out';%0A
             var 
@@ -413,24 +413,17 @@
    $('.v
-ideosync
+s
 ').each(
@@ -561,22 +561,17 @@
 a('v
-ideosync-start
+s-in-time
 ')),
@@ -626,22 +626,78 @@
 a('v
-ideosync-end')
+s-out-time')),%0A                      classIn: $this.data('vs-in-class'
 ),%0A 
@@ -722,16 +722,19 @@
    class
+Out
 : $this.
@@ -740,24 +740,21 @@
 .data('v
-ideosync
+s-out
 -class')
@@ -1222,34 +1222,31 @@
 nt.hasClass(
-node.
 class
+In
 )) && (time 
@@ -1343,27 +1343,210 @@
 ent.
-addClass(node.class
+removeClass(classOut);%0A                        node.element.removeClass(node.classOut);%0A                        node.element.addClass(node.classIn);%0A                        node.element.addClass(classIn
 );%0A 
@@ -1598,26 +1598,23 @@
 asClass(
-node.
 class
+In
 )) && ((
@@ -1736,16 +1736,196 @@
 de.class
+In);%0A                        node.element.removeClass(classIn);%0A                        node.element.addClass(classOut);%0A                        node.element.addClass(node.classOut
 );%0A     
@@ -2015,24 +2015,17 @@
 'video.v
-ideosync
+s
 -source'

Add vs-in and vs-out attributes