Responsive Video Slider

Check out the documentation @ http://fooplugins.github.io/rvslider/

Basic Usage

First download the required JS and CSS files and include them in your page.

<link href="rvslider.min.css" rel="stylesheet" />
<script src="rvslider.min.js"></script>

Then include the following JS script in your page or add it into your own page ready function to initialize the plugin.

<script>
	jQuery(function($){
		$('.rvs-container').rvslider();
	});
</script>

Once that is setup all that is left to do is provide the plugin with the HTML it requires. You can create this markup yourself however you like, server side or client side*, or simply use the generator to create your slider and items and simply copy the code into your page.

** Note generating the HTML client side would require the plugin initializer to only be called after all HTML content is added to the page.

Change Log

Version	Description
1.0.0	Initial release.
1.0.1	Added Dailymotion support.
1.0.2	Minor CSS hardening. Added MIT license. Updated Grunt build to read all version strings from the package.json.
1.0.3	Changed the plugin to use the parent width instead of the viewport to determine layout. Switched CSS media queries to JS breakpoints to be able to use parent width. Added additional CSS hardening. Minor bug fixes.
1.0.4	Removed mediaelement.js dependency and instead rely on HTML5's VIDEO element for direct video urls (.mp4,.ogv,.webm). Added error handling for direct video urls (.mp4,.ogv,.webm) Changed xs breakpoint from 320 to 480. Disabled text selection on nav items Added additional CSS hardening.
1.0.5	Changed to GPLv3 license
1.0.6	Removed transition-delay from rvs-item-text and rvs-item-content transitions as it was causing PageSpeed Insights parsing engine to fail. Changed things around a little to achieve the same effect using the trnasitionend event in JS.
1.0.7	Added in some additional play icon styles. Changed the navigation mouse wheel behaviour so that if there are no items to scroll to the event is not captured.