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 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...
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...
Running Adobe Illustrator with...
Here's a quick one. I've been struggling with getting Adobe Illustrator (Creative Cloud) to run properly with user-level privileges. It would often freeze and...
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...