1e17365d29a28c6114a2009da71e51bd

Responsive YouTube Videos with fancyBox

Written by on December 8, 2011 in CSS, jQuery, Resources - No comments
responsive videos

In a previous post I showed how to use fancyBox with YouTube videos. Responsive website layouts are the hottest thing on the web right now, which has left developers looking for solutions for responsive sliders and galleries. Luckily a new version of fancyBox was recently released, one of the major updates being the ability to resize images or videos depending on the screen size!

Old FancyBox video / browser large.
fancybox youtube videos

Old FancyBox video / browser small (and cutoff). :( using fancybox with youtube videos

New FancyBox video / browser large.
responsive youtube

New FancyBox video / browser small (and auto resized!). :) youtube with fancybox

Note: The new version of fancyBox has different licensing, be sure to visit the website for full details to make sure you are using it correctly, and for all the customization details.

http://fancyapps.com/fancybox/