WooDev

<p>Product Video Showcase for WooCommerce allows you to add video previews to your WooCommerce products. When customers hover over a product image, they’ll see a video preview, giving them a better understanding of the product.</p>
<p>Features:<br />
* Support for YouTube, Vimeo, and direct video URLs<br />
* Customizable video fit options<br />
* Easy to use interface in the product editor<br />
* Responsive design</p>
<h4>Learn More</h4>
<p>Visit <a href="https://woodev.net/" rel="nofollow ugc">woodev.net</a> to learn more about us discover how it can take your website’s user engagement to the next level.</p>
<h3>How to Use</h3>
<p>To add a video preview to a product:</p>
<ol>
<li>Go to Products > All Products in your WordPress admin panel</li>
<li>Edit the product you want to add a video to</li>
<li>In the product data meta box, click on the “General” tab</li>
<li>Scroll down to find the “Product Video URL” field</li>
<li>Enter the URL of your YouTube, Vimeo, or directly hosted video</li>
<li>(Optional) Choose a “Video Fit” option to control how the video displays</li>
<li>Update or publish your product</li>
</ol>
<p>The video will now appear when customers hover over the product image in your shop.</p>


Product Video Showcase for WooCommerce

Enables dynamic video previews on product hover in WooCommerce shop pages.

Ronak Ganatra

<p>Normal WordPress gutenberg block do not show How the shortcode will output frontside, so we have created a similar gutenberg block which can preview the shortcode result on editor side.</p>


Shortcode Preview Block

It makes creating layout for complex pages and e.g. shortcodes for images referenced from DAM much easier!

Great plugin

Shows preview of any shortcode on editor side. It renders shortcode in the editor side so editor does not need to visit front side.

Product Video Showcase for WooCommerce vs Shortcode Preview Block