SublimeVideo jQuery Responsive Design
Responsively resize SublimeVideo, a cloud-based HTML5 video player that provides with full-screen playback and scrubbing controls, with jQuery.
Clone git repo
git clone git://github.com/jonsuh/SublimeVideo-jQuery-Responsive-Resize.git or Download it
sublimeResize(); will responsively resize your Sublime video as your browser window is resized. By default, the element id="sublime" (html5 video element with class="sublime") is targeted. The width is then determined by the width of element id="wrapper".
YOURTOKEN should be replaced with the token provided for your site from your SublimeVideo account.
For widescreen videos, the value of variable
sublimeAspect should be 1.7777778 (16/9)
For standard videos, the value of variable
sublimeAspect should be 1.3333333 (4/3)
You can calculate your own aspect ratio by width/height of your video.
sublimeWidthObj should be set as a jQuery-like selector of the object you'd like the video to resize itself to have the width of.
If the ID of the object is 'wrapper',
If the class of the object is 'wrapper',
If everything is properly set, your video should beautifully resize responsively.
Feel free to contribute. https://github.com/jonsuh/SublimeVideo-jQuery-Responsive-Resize