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

The Hunt for the Ultimate Blue...

I'm obsessed with bluetooth.  So much so that I've been hunting for heaven's own pair of bluetooth headphones for my Tokyo subway commutes.  I'm already on my 5...

Hardware Graphics Acceleration...

ISSUEMS applications like Outlook sometimes show garbled video when scrolling through emails, etc.  Internet Explorer may garble the video when working in Citri...

How To Fix Google Nest Audio C...

Due to the cheap Japanese yen, I've been doing a lot of shopping recently.  I decided to upgrade my aging Sony Google Assistant speaker to the latest Google Nes...

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...