Japanatron Logo

PROBLEM
After updating my Joomla Gavick template to the latest version, the embedded YouTube videos appeared massively large on desktop browsers.  Mobile browsers looked OK.

SOLUTION
The problem is caused by the fitvids library introduced in later template versions.

- Find the file fitvids.jquery.js in the template's js folder.
- Comment-out line 25 in fitvids.jquery.js.

// var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';

Related Articles

How To Build an Ubuntu Web Ser...

The following is a task outline for building an Ubuntu-based web-server to run Joomla and JomSocial.  I created this for my own notes, so apologies if it's...

Kingston USB Drive Not Working...

I upgraded to MacOS El Capitan and to my chagrin my Kingston USB drive no longer works.  I get some stupid "Unable to start DTXX application" or "ERR_COULD_NOT_...

Joomla Running on Nginx and Ub...

What follows is an outline I compiled while building an Ubuntu server for running the Joomla CMS on the Nginx web server. NOTE: Ubuntu 14.04 LTS was used for th...

How to Modify JomSocial to Sup...

The open source stuff that JomSocial uses to convert and render video uploads (ffmpeg) also supports audio files.  I thought it would be cool to modify JomSocia...