• Products
    • Websites
      • Themes
      • Websites FAQ
    • Online Giving
    • Payments + Forms
    • Church Management Software
      • For Parishes
      • For Dioceses
      • GabrielSoft Integrations
      • GABRIELSOFT LOGIN
    • Live Streaming
      • Live Streaming Basics
      • Live Streaming FAQ
      • Sign up for eCatholic LIVE
        • Sign up for eCatholic LIVE
        • Get Started with eCatholic LIVE
  • Services
    • Custom Design
    • Branding Package
    • Logo Design
    • Quick Flip
    • Homepage Makeover
    • Boost Offertory Program
  • Why eCatholic?
    • Our Story
    • Testimonials
    • Meet the Team
  • Customers
    • Parishes
    • Schools
    • Dioceses
      • Large Website Projects
      • Diocesan Website Initiative
      • School Marketing Strategy
      • Communications Strategy
      • Unified Digital Presence
      • Rapid ChMS transition
    • Ministries
  • Pricing
  • Resources
    • FAQ
      • Websites FAQ
      • Payments FAQ
      • Live Streaming FAQ
      • Stock Photos FAQ
    • Beginner's Guides
      • Websites Beginner's Guide
      • Payments Beginner's Guide
      • Live Beginner's Guide
      • GabrielSoft Beginner's Guide
    • Help Center
    • Vlogcast
    • Blog
    • Webinars
    • Contact
|||
eCatholic | Catholic Website Design - Online Giving - Live Streaming
GabrielSoft
Login
Get Started
 
 
 
 
 
 
 
 
  • Get Started
Search
  • Products
      • Websites
      • Online Giving
      • Payments + Forms
      • Church Management Software
      • Live Streaming
  • Services
      • Custom Design
      • Branding Package
      • Logo Design
      • Quick Flip
      • Homepage Makeover
      • Boost Offertory Program
  • Why eCatholic?
      • Our Story
      • Testimonials
      • Meet the Team
  • Customers
      • Parishes
      • Schools
      • Dioceses
      • Ministries
  • Pricing
  • Resources
      • FAQ
      • Beginner's Guides
      • Help Center
      • Vlogcast
      • Blog
      • Webinars
      • Contact

    • Sign up for
      eCatholic LIVE

      Getting started is quick and easy.

    • Are you a current eCatholic customer?

      Please choose an option below to proceed with your purchase.

    • Yes Please choose "yes" if you currently have an eCatholic-powered website or subscribe to GabrielSoft. Add eCatholic Live
    • No Please choose "no" if you do not have an eCatholic-powered website and do not subscribe to GabrielSoft. Start with eCatholic Live
Search eCatholic
Button
Products
  • Websites
  • Online Giving
  • Church Management
  • Live Streaming
  • Stock Photos
Company
  • Our Story
  • Meet Our Team
  • Testimonials
  • Join Our Team
  • Contact Us
Services
  • Custom Design
  • Branding Package
  • Logo Design
  • Quick Flip
  • Free Themes
Resources
  • FAQs
  • Beginner's Guide
  • Blog
  • Webinars
  • Help Center
Copyright eCatholic ® 2023 - All Rights Reserved.
Terms of Service|Privacy Policy|eCatholic is a division of WEBPROPRODUCTIONS, LLC
Why eCatholic?
  • Our Story
  • Testimonials
  • Meet the Team
  • Join Our Team
  • Contact Us
Customers
  • Parishes
  • Schools
  • Dioceses
  • Ministries
Products
  • Websites
  • Donations & Payments
  • Live Streaming
  • Stock Photos
  • Pricing
Services
  • Custom Design
  • Branding Package
  • Logo Design
  • Quick Flip
  • Free Themes
Resources
  • FAQs
  • Beginner's Guide
  • Blog
  • Webinars
  • Help Center
  • Accessibility
  • Websites
  • Donations & Payments
  • Live Streaming
  • Stock Photos
  • Pricing
  • Free Trial
  • Customers
  • Testimonials
  • Resources
  • Contact Us
Contact Us

 
Copyright eCatholic ® 2021 - All rights reserved. | Privacy Policy | eCatholic is a division of WEBPRO PRODUCTIONS, LLC
//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 eCatholic®