Blog Categories

- Blog Categories

Search GabrielSoft

Button

Products

Websites
Online Giving
Pricing

Company

Our Story
Meet our Team
Testimonials

Services

Quick Flip
Custom Design
Branding Package
Logo Design
Free Themes

Resources

FAQs
Blog
Contact Us

Copyright GabrielSoft ® 2023 - All Rights Reserved.
Terms of Service|Privacy Policy|GabrielSoft is a division of WEBPROPRODUCTIONS, LLC

Why GabrielSoft?

Our Story
Testimonials
Meet the Team
Contact Us

Customers

Churches
Schools
Ministries

Products

Websites
Donations & Payments
Pricing

Services

Custom Design
Branding Package
Logo Design
Quick Flip
Free Themes

Resources

FAQs
Beginner's Guide
Blog
Help Center
Accessibility

Websites
Donations & Payments
Pricing

Free Trial
Customers
Testimonials
Contact Us

Contact Us

//Blog article video resizing var $allVideos = $("#background:not(.admin) .fluid-width-video-wrapper iframe"), // The element that is fluid width $fluidEl = $(".fluid-width-video-wrapper"); // Figure out and save aspect ratio for each video $allVideos.each(function() { $(this) .data('aspectRatio', this.height / this.width) // and remove the hard coded width/height .removeAttr('height') .removeAttr('width'); }); // When the window is resized $(window).resize(function() { var newWidth = $fluidEl.width(); // Resize all videos according to their own aspect ratio $allVideos.each(function() { var $el = $(this); newWidth = $el.parent().width(); $el .width(newWidth) .height(newWidth * $el.data('aspectRatio')); }); // Kick off one resize to fix all videos on page load }).resize();

Login

powered by GabrielSoft™