Phi Phan

The default embed block for YouTube videos sucks. It slows down your site. The more videos on the page the more it slow. This single-block plugin fixes that.
Why this block is better than the default one:
<ul>
<li>Instead of loading the entire iframe, only the video thumbnail is loaded, resulting in significant performance improvements</li>
<li>Ability to play multiple different videos as a custom playlist or input a playlist ID to play the whole playlist</li>
<li>Ability to use a custom image as the video thumbnail</li>
<li>Ability to set a custom aspect ratio value for displaying any kind of YouTube videos</li>
<li>Ability to loop continuously once it finishes playing</li>
<li>Ability to show related videos from the same channel as the initial video</li>
<li>Automatically load the video title as the caption</li>
<li>The same UI as the default core/embed, and you can use the video title as the caption of the block with one click</li>
<li>It can be transformed from/to the core embed block.</li>
<li>Automatically convert all default core embed YouTube blocks to this block with one line of code.</li>
</ul>
This plugin also provides a PHP API for developers to render a YouTube video URL as this block; or to automatically transform core/embed YouTube videos into this block.
The simplest example is:
<pre><code> better_youtube_embed_block_render_block( ['url' => 'https://youtu.be/paSXmpHU9K4'] );
</code></pre>
The example with all the parameters is:
<pre><code> better_youtube_embed_block_render_block(
 [
 'url' => 'https://youtu.be/paSXmpHU9K4',
 'aspectRatio' => '16/9',
 'isMaxResThumbnail' => false,
 'thumbnailFormat' => 'jpg',
 'caption' => 'My awesome video',
 'caption_kses' => false,
 'customThumbnail' => 'https://example.com/bg.jpg',
 'settings' => ['loop' => 1, 'rel' => 0],
 'echo' => false,
 ]
 );
</code></pre>
To automatically transform all core/embed YouTube videos on your site to this block, you need to put the following code to the wp-config.php file or your theme/plugin:
<pre><code> define('BYEB_SPEED_UP_YOUTUBE_VIDEOS', true);
</code></pre>
or
<pre><code> add_filter( 'byeb_speed_up_youtube_videos', '__return_true' );
</code></pre>
On iOS, browsers like Safari and Chrome require two clicks to play videos. If you want to allow users to play videos with a single click, you need to add the following code to the wp-config.php file or your theme/plugin:
<pre><code> define('BYEB_FORCE_IFRAME_ON_UNSUPPORTED_BROWSERS', true);
</code></pre>
Please check out this <a href="https://contentblocksbuilder.com/video-tutorials/?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=BYEB" rel="nofollow ugc">page</a> to see how fast it helps. The page contains around 30 embedded YouTube videos but they don’t slow down the page.
If this plugin is useful for you, please do a quick review and <a href="https://wordpress.org/support/plugin/better-youtube-embed-block/reviews/#new-post" rel="ugc">rate it</a> on WordPress.org to help us spread the word. I would very much appreciate it.
Please check out my other plugins if you’re interested:
<ul>
<li><a href="https://wordpress.org/plugins/content-blocks-builder" rel="ugc">Content Blocks Builder</a> – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.</li>
<li><a href="https://wordpress.org/plugins/display-a-meta-field-as-block" rel="ugc">Meta Field Block</a> – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files.</li>
<li><a href="https://wordpress.org/plugins/svg-block" rel="ugc">SVG Block</a> – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.</li>
<li><a href="https://wordpress.org/plugins/icon-separator" rel="ugc">Icon separator</a> – A tiny block just like the core/separator block but with the ability to add an icon.</li>
<li><a href="https://wordpress.org/plugins/breadcrumb-block" rel="ugc">Breadcrumb Block</a> – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.</li>
<li><a href="https://wordpress.org/plugins/block-enhancements" rel="ugc">Block Enhancements</a> – Adds practical features to blocks like icons, box shadows, transforms, etc.</li>
<li><a href="https://wordpress.org/plugins/counting-number-block" rel="ugc">Counting Number Block</a> – A block to display numbers with a counting effect</li>
</ul>
The plugin is developed using @wordpress/create-block.

Embed YouTube Block – Fast Loading Videos, Shorts & Playlists

Embed YouTube videos without slowing down your site. Easily embed one or multiple videos, shorts, and playlists.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Shehab mahamud

<a href="https://bplugins.com/products/button-block/" rel="nofollow ugc">Demos</a> | <a href="https://bplugins.com/products/button-block/pricing/" rel="nofollow ugc">Buy Now</a> | <a href="https://bplugins.com/products/button-block/#demo" rel="nofollow ugc">Demo</a>
Get multi-functional buttons. The Button Block plugin comes up with many useful styling options that make you happy to build responsive, interactive, stylish buttons in a few clicks.
<h3>Features of Button Block</h3>
<ul>
<li>
Download: Download files with this button easily.
</li>
<li>
Icon: Add icon with button text.
</li>
<li>
Tooltip: Show tooltip text on button hover.
</li>
<li>
Size: Make the button small, medium, large, extra large also full width.
</li>
<li>
3D: Make button 3D with just single click.
</li>
<li>
Animation: Lots of animation style with duration.
</li>
<li>
Hide Menu: Hide Button block option from admin menu.
</li>
</ul>
<h3>Premium Features of Button Block</h3>
<ul>
<li>
Button Action: Use the button as a link or popup trigger.
</li>
<li>
rel Attribute: Add the rel/relation attribute to the anchor link.
</li>
<li>
referrer-policy Attribute: Add the Referrer Policy attribute to the anchor link.
</li>
<li>
Download File Name: For the download, enter a custom name for the download file.
</li>
<li>
Icon Position: Set the icon position to the left or right.
</li>
<li>
Tooltip Position: Choose a different position for the tooltip.
</li>
<li>
Hide on Devices: Hide on various devices (desktop, tablet, and mobile).
</li>
<li>
Popup Content: Show Image, Audio, Video, Block Content, Document(.pdf, .doc, .docx, .xls, .xlsx), and Iframe.
</li>
<li>
Security Features: Login, Password , Email Required.
</li>
</ul>
<h3>How to use Button Block</h3>
Getting started is easy.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7AsT69P2bMk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Step by Step Setup 
– First, install the Button Block plugin 
– Add the Button Block from the block category called “Widgets” in the Gutenberg editor. 
– You can change block settings from the right-side settings sidebar. 
– Enjoy!
<ul>
<li>For installation help click on Installation Tab</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.
<h3>Third-Party Libraries</h3>
This plugin bundles the following third-party JavaScript/PHP/CSS libraries.
<h4>Font Awesome 7</h4>
<ul>
<li>Source: https://fontawesome.com/</li>
<li>GitHub: https://github.com/FortAwesome/Font-Awesome</li>
<li>License: MIT (for code), SIL OFL 1.1 (for fonts), CC BY 4.0 (for icons)</li>
<li>Purpose: Provides vector icons library for styling buttons.</li>
</ul>
<h4>AOS (Animate on Scroll)</h4>
<ul>
<li>Source: https://michalsnik.github.io/aos/</li>
<li>GitHub: https://github.com/michalsnik/aos</li>
<li>License: MIT – https://github.com/michalsnik/aos/blob/master/LICENSE</li>
<li>Purpose: Provides scroll-driven entry animations for button block elements.</li>
</ul>
<h4>Freemius Lite SDK</h4>
<ul>
<li>Source: <a href="https://bplugins.com/" rel="nofollow ugc">https://bplugins.com/</a></li>
<li>GitHub: <a href="https://github.com/bPlugins/freemius-lite-sdk" rel="nofollow ugc">https://github.com/bPlugins/freemius-lite-sdk</a></li>
<li>License: GPL-2.0-or-later – <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a></li>
<li>Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent.</li>
<li>External Services: Communicates with <code>api.bplugins.com</code> (activation events) and <code>wp.freemius.com</code> (opt-in processing) only after user opt-in. See <a href="https://bplugins.com/privacy-policy" rel="nofollow ugc">bPlugins Privacy Policy</a> and <a href="https://freemius.com/privacy/" rel="nofollow ugc">Freemius Privacy Policy</a>.</li>
</ul>
<h4>Freemius SDK</h4>
<ul>
<li>Source: <a href="https://freemius.com/" rel="nofollow ugc">https://freemius.com/</a></li>
<li>GitHub: <a href="https://github.com/Freemius/wordpress-sdk" rel="nofollow ugc">https://github.com/Freemius/wordpress-sdk</a></li>
<li>License: GPLv3 – <a href="https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt" rel="nofollow ugc">https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt</a></li>
<li>Purpose: Provides opt-in usage tracking and analytics to help improve the plugin.</li>
</ul>
<h4>bpl-tools</h4>
<ul>
<li>Source / GitHub: https://github.com/bPlugins/bpl-tools</li>
<li>License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html</li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</li>
</ul>

Embed YouTube Block – Fast Loading Videos, Shorts & Playlists vs Button Block – Design Stylish, Interactive, and Multi-Functional Buttons