 <p>Here is the code to remove the whole <code>div</code> and the <code>iframe</code> inside.</p> <pre><code>$(window).resize(function () { if ($(this).width() &lt; 1280) { $("#video-container").remove(); } }); </code></pre> <p>But since you trigger it on resize, what's when the window width increases again? If you just want to hide the iframe on lower resolutions and show it again when user resizes back to higher resolution, then I would recommend to use <code>hide()</code> and <code>show()</code> (or use the answer proposed by @Sergey Kopyrin)</p> <p><strong>Code sample</strong></p> <pre><code>$(window).resize(function () { if ($(this).width() &lt; 1280) { $("#video-container").hide(); } else{ $("#video-container").show(); } }); </code></pre> <p>You can also specify a duration parameter inside those methods (e.g. <code>$("#video-container").hide(500)</code> ) so it will not be hidden abruptly.</p>