Vlad Zelinskyi

Every embedded YouTube video adds weight to your page — external scripts, iframes, tracking pixels — even if the visitor never presses Play. Space Lightplay fixes that.
Drop the block into any post or page, paste a YouTube video URL, and Space Lightplay renders a static preview image with a customizable Play button. The actual iframe is injected only when the visitor clicks. No JavaScript frameworks, no third-party requests until interaction.
Why it matters:
<ul>
<li>Pages with 3–5 embedded videos can save 2–4 MB of initial page weight and dozens of network requests.</li>
<li>Largest Contentful Paint (LCP) and Time to Interactive (TTI) improve because heavy iframes no longer block rendering.</li>
<li>Privacy improves too — no cookies or tracking scripts load until the visitor explicitly chooses to play.</li>
</ul>
What you get:
<ul>
<li>One block, one job — lazy-load YouTube video embeds with zero configuration required.</li>
<li>Custom poster image — upload any image from the Media Library or use the automatic YouTube thumbnail.</li>
<li>Aspect ratio control — 16:9, 4:3, 1:1, 9:16 (vertical/Shorts), or 21:9 cinematic.</li>
<li>Start time — set a starting timecode, or paste a YouTube URL with ?t=… and it fills automatically.</li>
<li>Above-the-fold mode — disables lazy-load on the preview image for hero videos, improving LCP.</li>
<li>Hover prefetch — opens connections to YouTube the instant the cursor lands on the block, so the iframe loads noticeably faster on click. No extra config.</li>
<li>Play button styling — control size, button shape (circle, rounded, square), triangle corner roundness, background color, icon color, and hover states using the native WordPress color picker with full theme palette support.</li>
<li>Block style variations — Minimal, Bold, and Glass presets in one click.</li>
<li>Pulse animation — optional hover effect to draw attention to the Play button.</li>
<li>Thumbnail quality — choose between standard and maximum resolution thumbnails.</li>
<li>Accessible by default — full keyboard navigation, ARIA attributes, optional descriptive title for screen readers, visible focus indicators, RTL support, and prefers-reduced-motion support.</li>
<li>Noscript fallback — visitors without JavaScript get a direct link to the YouTube video (with timecode preserved).</li>
<li>Responsive — chosen aspect ratio adapts to any container width.</li>
<li>Clean uninstall — removing the plugin leaves no options, transients, or database entries behind.</li>
</ul>
For developers:
Space Lightplay uses register_block_type_from_metadata() with a standard block.json manifest. All assets are declared in block.json and enqueued automatically by WordPress. The plugin adds zero global hooks, filters, admin pages, or database entries. Output is a server-rendered block via render.php.

Space Lightplay

A single Gutenberg block that lazy-loads YouTube video embeds. Shows a static preview, loads the iframe only on click. Fast, lightweight, no bloat.

WP Media

WP Rocket

LazyLoad is the best free lazy load plugin for WordPress to lazy load images, videos, and iframes on WordPress. In a nutshell, LazyLoad displays images, videos, and iframes on a page only when they are visible to the user – that’s one crucial way to <a href="https://wp-rocket.me/blog/guide-to-page-speed-optimization-for-wordpress/" rel="nofollow ugc">speed up your WordPress site</a> and <a href="https://imagify.io/blog/optimize-images-page-speed-google/#lazy-loading" rel="nofollow ugc">optimize images for Google PageSpeed</a>.
You can lazy load images in post content or widget text, plus thumbnails, avatars, and smilies. LazyLoad takes care of iframe lazy load, too: you’ll easily replace Youtube iframes with a preview thumbnail to further speed up the loading time of your website.
No JavaScript library such as jQuery is used, and the script weight is less than 10KB.
<h4>Why is lazy loading crucial for performance?</h4>
Lazy loading is a key performance technique to make your site faster. You’ll reduce loading time, <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/" rel="nofollow ugc">improve your Lighthouse performance score</a> and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/" rel="nofollow ugc">optimize your Core Web Vitals grades</a>.
<a href="https://wp-rocket.me/blog/lazy-loading-wordpress-5-5/" rel="nofollow ugc">Lazy loading your images on WordPress</a> will help you achieve a better PageSpeed Insights score for three main reasons:
<ul>
<li>You’ll address a specific PageSpeed Insights recommendation: [Defer offscreen images](https://wp-rocket.me/google-core-web-vitals-wordpress/defer-offscreen-images/, which means image lazy loading.</li>
<li>You’ll improve the performance of two key metrics: <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-first-input-delay/" rel="nofollow ugc">First Input Delay</a> (Core Web Vital) and <a href="https://wp-rocket.me/lighthouse-performance-score-wordpress/reduce-total-blocking-time/" rel="nofollow ugc">Total Blocking Time</a> (Lighthouse metric).</li>
<li>You’ll <a href="https://wp-rocket.me/blog/reduce-http-requests-speed-wordpress-site/" rel="nofollow ugc">make fewer HTTP requests</a> – that is another way to boost your site speed and <a href="https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/" rel="nofollow ugc">improve the Largest Contentful Paint score</a> (another Core Web Vital).</li>
</ul>
Take a look at our complete list of reasons <a href="https://wp-rocket.me/blog/lazyloading/#section-2" rel="nofollow ugc">why you should use lazy loading</a>. Then, turn on LazyLoad and make your WordPress website faster!
<h4>Dependencies</h4>
LazyLoad script: <a href="https://github.com/verlok/lazyload" rel="nofollow ugc">https://github.com/verlok/lazyload</a>

LazyLoad Plugin – Lazy Load Images, Videos, and Iframes

Working better

The best free lazy load plugin for WordPress. Lazy load images, videos, and iframes to improve performance and Core Web Vitals scores.

Space Lightplay vs LazyLoad Plugin – Lazy Load Images, Videos, and Iframes