REDROOM

Navigation

Breadcrumbs

Create

Edit File Size: 1.10 KB

/home/jambtst2015/public_html/qasandra.com/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js

Text Base64

/**
 * 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;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
.htaccess	123 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize-helpers.js	1.01 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize-preview.js	2.47 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize.js	1.00 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
dark-mode-toggler.js	2.19 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
editor-dark-mode-support.js	1.21 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
editor.js	921 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
palette-colorpicker.js	1.52 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
polyfills.js	1.03 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
primary-navigation.js	5.57 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
responsive-embeds.js	1.10 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
skip-link-focus-fix.js	797 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive

Directory Contents