Server IP : 172.67.158.161 / Your IP : 3.144.98.153 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/proc/thread-self/root/proc/self/root/proc/self/root/proc/thread-self/root/home/giankuin/www/wp-content/themes/twentytwentyone/assets/js/ |
Upload File : |
/** * File responsive-embeds.js. * * Make embeds responsive so they don't overflow their container. */ /** * Add max-width & max-height to <iframe> elements, depending on their width & height props. * * @since Twenty Twenty-One 1.0 * * @return {void} */ function twentytwentyoneResponsiveEmbeds() { var proportion, parentWidth; // Loop iframe elements. document.querySelectorAll( 'iframe' ).forEach( function( iframe ) { // Only continue if the iframe has a width & height defined. if ( iframe.width && iframe.height ) { // Calculate the proportion/ratio based on the width & height. proportion = parseFloat( iframe.width ) / parseFloat( iframe.height ); // Get the parent element's width. parentWidth = parseFloat( window.getComputedStyle( iframe.parentElement, null ).width.replace( 'px', '' ) ); // Set the max-width & height. iframe.style.maxWidth = '100%'; iframe.style.maxHeight = Math.round( parentWidth / proportion ).toString() + 'px'; } } ); } // Run on initial load. twentytwentyoneResponsiveEmbeds(); // Run on resize. window.onresize = twentytwentyoneResponsiveEmbeds;