jVid

Basic Usage

HTML

JavaScript

$.jVid();

Options

anim

Options	arrowScale, bgScale, fade
Default	'fade'

bgArrow

Options	light, dark
Default	'light'

bgColor

Options	HEX, RGBA
Default	'rgba(0,0,0,.6)'

bgShape

Options	circle, square, rounded-square
Default	'circle'

borderColor

Options	HEX, RGBA, none
Default	'#FFF'

mini

Options	true, false
Default	false

title

data-title="Title"

Examples

Vimeo

<div class="vVimeo" data-video="87008050" data-title="January in Japan"></div> <script type="text/javascript"> $('.vVimeo').jVid({ anim: 'arrowScale bgScale fade', bgColor: '#45bbff', bgShape: 'rounded-square' borderColor: 'none' }); </script>

YouTube

<div class="vYoutube" data-video="tSnfO15cAHE" data-title="Bob Burnquist - Dreamland"></div> <script type="text/javascript"> $('.vYoutube').jVid({ bgArrow: 'dark', bgColor: '#FFF', mini: true }); </script>