handyhas.blogg.se

Set an event listener for window resize.(Explanation: cw / ow calculates the scaling factor to maintain the aspect ratio of the iframe.) In this tutorial, well learn how to create a debounce function in JavaScript. Search box suggestions, text-field auto-saves, and eliminating double-button clicks are all use cases for debounce. Set the iframe's height to oh * cw / ow. In JavaScript, a debounce function makes sure that your code is only triggered once per user input.the parent element's width (cw for container width) that iframe's original height (oh), andĬ. Store each of the following in its variable:ī. There is a child iframe element for each of them. Get all the elements with the class "video".I have this function that (I think I never really learned JavaScript) stores the original width and height of the iframe, as well as the width of the parent, in variables, and changes the width and height of the iframe. * other posts may contain more video posts */

Here is a sample of how the page's HTML might look like: /* rest of blog */ I have a Tumblr theme with responsive design enabled, and want to resize video iframes.