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
Roku - Blocking Hard-Coded DNS
The Roku media player has Google's free public DNS (8.8.8.8) hard-coded into it. This is great for DNS redundancy, but totally sucks if you use an unblock serv...
Nginx - Blocking Access to Joo...
I propose blocking all access to Joomla's administrator login page and front-end user login (if you don't use it) because I constantly see a-hole bots in my log...
Batocera - How To Pair 8BitDo ...
I struggled a bit with getting my new 8BitDo M30 controller to pair properly with Batocera. Before we begin, please make sure the controller is on the latest f...
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...