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
Joomla - How to Modify RSSocia...
RSSocial is an awesome free Joomla extension I use to display social media icons on my site. Since it uses the Fontello Zocial font kit, I figured out how to m...
Combine Image File and Audio F...
I wanted to figure out a way to quickly and easily combine an image file (jpg) and audio file (mp3) into a video file (mov) using the free media converter tool ...
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...
Joomla - Checklist for Moving ...
* Remove web directory protection entries * Rsync files to the new location * Change Apache root folder settings * Redo web directory protection entries * U...