Jan Hoek

<p>Vital Video is a WordPress block plugin designed to improve Core Web Vitals performance when displaying YouTube videos.</p>
<p>Instead of traditional embedding, it provides a lightweight, performance-optimized solution that first loads a clickable video thumbnail.</p>
<p>The Vital Video Block doesn’t play videos in the WordPress editor. It’s designed to prioritize performance and user experience on your frontend. To test video behavior, simply preview your post or page.</p>
<h3>Features</h3>
<ul>
<li>Performance-first YouTube video display.  </li>
<li>Automatic video thumbnail and title retrieval.  </li>
<li>WebP image support for faster image loading.  </li>
<li>Customizable aspect ratios (4:3 and 16:9).  </li>
<li>Displays the video title in the image.  </li>
<li>Multiple thumbnail quality options.  </li>
<li>Minimal initial page load impact.  </li>
<li>Option to disable WebP images if unavailable.  </li>
<li>Advanced video playback controls.  </li>
<li>Uses YouTube’s no-cookie thumbnail service.  </li>
<li>Respects modern browser autoplay policies.  </li>
<li>Alt text matches the video title.</li>
<li>Thumbnail dimensions set based on selected image size:
<ul>
<li>HQ (480×320): Default size  </li>
<li>SD (640×480): Standard size  </li>
<li>MAX (1280×720): Highest available resolution</li>
</ul>
</li>
</ul>
<h3>Vital Video Settings</h3>
<ul>
<li><strong>Aspect Ratio</strong>: Choose between 16:9 and 4:3.  </li>
<li><strong>Mute Toggle</strong>: Control video playback behavior.  </li>
<li><strong>Thumbnail Quality</strong>: Select from High, Standard, or Maximum resolution.  </li>
<li><strong>Disable WebP</strong>: Turn off WebP usage if unavailable.</li>
</ul>
<h3>Mute Toggle</h3>
<p>The Mute Toggle feature is designed primarily for mobile devices, adhering to browser autoplay policies.</p>
<p><strong>Mute Toggle Off (Sound On):</strong></p>
<p>Videos require two clicks to start playing:</p>
<ol>
<li>The first click loads the video.  </li>
<li>The second click begins playback. Ideal for maintaining user control and preventing unexpected audio.</li>
</ol>
<p><strong>Mute Toggle On (Sound Off):</strong></p>
<ul>
<li>Videos play with a single click.  </li>
<li>Automatically starts muted.  </li>
<li>Perfect for situations where immediate video playback is desired.  </li>
<li>Complies with browser autoplay restrictions.</li>
</ul>
<h3>Disable WebP Images</h3>
<ul>
<li><strong>WebP is enabled by default.</strong> Most thumbnails will use the WebP format.  </li>
<li>However, if you encounter a dummy placeholder image, try selecting a different thumbnail size to see if another WebP version exists.  </li>
<li>If no WebP images are available, you can enable the “Disable WebP Images” option as a last resort. This – will use fallback formats like JPG instead.</li>
</ul>
<p><em>Only use “Disable WebP Images” when absolutely necessary!</em></p>
<h3>External Services</h3>
<p>This plugin connects to YouTube’s services to embed videos and retrieve video information:</p>
<p><strong>YouTube Video Service:</strong></p>
<ul>
<li>The plugin connects to YouTube’s embed service (youtube-nocookie.com) to display videos</li>
<li>When a video is played, it loads the video player from YouTube’s servers</li>
<li>YouTube’s terms of service: https://www.youtube.com/static?template=terms</li>
<li>YouTube’s privacy policy: https://policies.google.com/privacy</li>
</ul>
<p><strong>YouTube oEmbed API:</strong></p>
<ul>
<li>Used to fetch video titles when adding videos to your content</li>
<li>Sends the YouTube video ID to retrieve the video title</li>
<li>API documentation: https://developers.google.com/youtube/v3/docs/videos</li>
</ul>
<p><strong>YouTube Thumbnail Service:</strong></p>
<ul>
<li>Retrieves video thumbnail images from i.ytimg.com</li>
<li>Only loads thumbnails for videos you’ve embedded</li>
<li>No personal data is sent to this service</li>
</ul>
<p><strong>Note:</strong> This plugin uses YouTube’s privacy-enhanced mode by default, which helps protect your visitors’ privacy by not setting cookies until the video is played.</p>
<h3>Contributing</h3>
<p>Contributions are welcome! You can support Vital Video in various ways:</p>
<ul>
<li>Write about the plugin on your blog or share it on social media.  </li>
<li><a href="https://translate.wordpress.org/projects/wp-plugins/vital-video-block/" rel="nofollow ugc">Translate the plugin into your language</a> using your WordPress.org account.  </li>
<li><a href="https://wordpress.org/support/plugin/vital-video-block/reviews/#new-post" rel="ugc">Review the plugin here on WordPress.org</a>.</li>
</ul>


Vital Video Block

A YouTube block optimized for performance, allowing you to embed YouTube videos without harming your Core Web Vitals.

ShortPixel

<h3>🚀 The Ultimate Caching and Speed Improvement Plugin for WordPress</h3>
<p>Have you ever wished your website scored 90+ on Google PageSpeed Insights, GTMetrix and other website performance analysis tools?<br />
And achieve that without the need to pay expensive fees to consultants or learn a lot of advanced technical stuff?</p>
<p><strong>⚡ <a href="https://fastpixel.io/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">FastPixel</a> automatically integrates</strong> all the latest technical enhancements, such as Page Caching, HTML/CSS/JS minification, DNS prefetching and preloading, Critical CSS, ShortPixel’s <a href="https://shortpixel.com/blog/introducing-smartcompress/?/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">Smart Image Optimization</a>, adaptive images, background image scaling and optimization, HTTP/2 support, fonts loading optimization, caching, a global CDN, and Core Web Vitals, within an <strong>easy-to-use, 1-minute-setup interface</strong>.</p>
<p><iframe loading="lazy" title="FastPixel Ad" width="750" height="422" src="https://www.youtube.com/embed/6UbWASU8RNw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>🎬 Ready for a Quick TEST of our Speed Optimization Tool?</h3>
<p>There is <strong>no need to install our plugin to run a test</strong>.<br />
You can test FastPixel live on a <a href="https://tastewp.com/template/FastPixel" rel="nofollow ugc">sandbox website@TasteWP</a> or you can quickly assess how <a href="https://fastpixel.io/" rel="nofollow ugc">FastPixel</a> can optimize your website by conducting a test. Simply use <a href="https://test.fastpixel.io/" rel="nofollow ugc">this test page</a>, and we will apply all optimizations to a copy of your website.<br />
This way, you can easily evaluate the substantial speed improvements it can achieve using the most widely recognized website performance analysis tools.</p>
<h3>💡 Why choose FastPixel Caching plugin?</h3>
<ul>
<li><strong>Website Performance Boost</strong>: Just activate the plugin and within seconds the optimized webpages will start to be served.</li>
<li><strong>Lower the CPU/RAM Impact</strong>: Using the plugin will reduce the impact on the resources used by your website. All the CPU intensive processing is done in the cloud and resulting pages will generally be served from a cached version and the optimized images from the CDN.</li>
<li><strong>Automated Core Web Vitals Optimization</strong>: FastPixel takes care of all technical aspects automatically.</li>
<li><strong>Smart Cache Warmup/Update</strong>: The cache warmup and update are taken care of automatically in a smart way. Pages are cached as they are visited and also updated if you update the content.</li>
<li><strong>Critical CSS</strong>: CCSS is automatically generated for each page for lightning-fast page loads.</li>
<li><strong>CSS/JS Processing</strong>: CSS/JS files are combined and also minified and compressed before they are served from our CDN.</li>
<li><strong>HTML Optimization</strong>: A single, highly optimized HTML file is generated, adaptively serving the ideal webpage based on the visitor’s viewport or device (e.g., mobile, tablet, laptop).</li>
<li><strong>DNS Preconnects</strong>: Accelerates resource fetching, reduces the access time to external resources.</li>
<li><strong>Font Processing</strong>: All the techniques to accelerate the processing and delivery of fonts are employed, e.g. font subsetting, font loading control, font compression, font embedding (lower CLS result).</li>
<li><strong>Image Resizing & Optimization</strong>: Images are automatically resized to fit their placeholders, optimized, and delivered through the ShortPixel CDN.</li>
<li><strong>Automatic Next-Gen Images Delivery</strong>: Based on the visitor’s browser capabilities, original JPG, PNG, or GIF images are converted to and served as WebP or AVIF when supported. For browsers without support, the original format is provided.</li>
</ul>
<h3>🌟 Happy users that use our plugin</h3>
<p>If you’re satisfied with the test, just search for “FastPixel” in your WordPress Dashboard > Plugins, install the plugin and see for yourself how much faster your site becomes.</p>
<blockquote>
<p><strong>Testimonials:</strong><br />
  ★★★★★ <strong>It’s as fast as it says in the title!</strong> <a href="https://wordpress.org/support/topic/its-as-fast-as-it-says-in-the-title/" rel="ugc">liquidsnake2021</a><br />
  ★★★★★ <strong>I was a tester and now I`m a happy user</strong>  <a href="https://wordpress.org/support/topic/i-have-been-tester-and-now-happy-user/" rel="ugc">jppl</a><br />
  ★★★★★ <strong>This plugin’s fast and easy to set up—I barely have to configure anything</strong> <a href="https://wordpress.org/support/topic/this-plugin-works-as-described/" rel="ugc">fajrisp</a><br />
  ★★★★★ <strong>Works really well!</strong>  <a href="https://wordpress.org/support/topic/works-really-well-264/" rel="ugc">touto</a><br />
  ★★★★★ <strong>One of the best tools!</strong> <a href="https://wordpress.org/support/topic/one-of-the-best-tools-for-that/" rel="ugc">torsten3d</a><br />
  ★★★★★ <strong>Super easy to install and worked out of the box</strong> <a href="https://wordpress.org/support/topic/well-this-was-easy-moving-from-wp-rocket/" rel="ugc">diffler</a><br />
  <a href="https://wordpress.org/support/plugin/fastpixel-website-accelerator/reviews/?filter=5" rel="ugc">more testimonials</a></p>
</blockquote>
<h3>📩 Additional questions</h3>
<p>If you have more questions, technical or otherwise, please refer to our FAQ section below, our <a href="https://fastpixel.io/docs/" rel="nofollow ugc">docs</a> or <a href="https://fastpixel.io/#contact" rel="nofollow ugc">contact us</a>.<br />
We typically respond within 15 minutes.</p>


FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN

Optimize Core Web Vitals and PageSpeed with advanced caching, image compression, lazy loading, critical CSS, and CDN – the ultimate performance tool.

Vital Video Block vs FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN