Responsive Video

gistfile1.txt

responsiveVideosSetup: function(){
            var that = this;
            var iframeElement = that.ui.heroWrapper.find('iframe');
            var videoRatio = (iframeElement.height() / iframeElement.width()) * 100;
            
            iframeElement.css({
                'position':'absolute',
                'top':0,
                'left':0,
                'width':'100%',
                'height':'100%'
            });
            
            var ghost = $('<div></div>');
            ghost.addClass('fluidvids');
            ghost.css({
                'width':'100%',
                'position':'relative',
                'padding-top':videoRatio + '%'
            });
        
            var thisParent = iframeElement.parent();
            thisParent.prepend(ghost);
            ghost.append(iframeElement);
        }