jQuery Plugin For Fullscreen Vimeo Video Background - Vimelar

File Size: 5.06 KB
Views Total: 7611
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Fullscreen Vimeo Video Background - Vimelar

Vimelar is a jQuery plugin that allows Vimeo videos to be used as fullscreen backgrounds on your websites.

See also:

How to use it:

1. Place jQuery library and the jQuery vimelar plugin at the bottom of the web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.vimelar.js"></script>

2. Create a wrapper for the video player.

<div id="wrapper"></div>

3. Specify the Video ID in the JavaScript.

var options = {
    videoId: '128418807',
    parameters: {
      /* Vimeo API Options Here */
    }
};

4. Call the function on the video wrapper and done.

$('#wrapper').vimelar(options);

5. Options and defaults.

// usually either 4/3 or 16/9
ratio: 16/9, 

// Video ID
videoId: '8970192',

// Video width
width: $(window).width(),

// z-index
wrapperZIndex: 99

This awesome jQuery plugin is developed by sozonovalexey. For more Advanced Usages, please check the demo page or visit the official website.