Phi Phan

<p>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.</p>
<p>Why this block is better than the default one:</p>
<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>
<p>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.</p>
<p>The simplest example is:</p>
<pre><code>    better_youtube_embed_block_render_block( ['url' => 'https://youtu.be/paSXmpHU9K4'] );
</code></pre>
<p>The example with all the parameters is:</p>
<pre><code>    better_youtube_embed_block_render_block(
      [
        'url'               => 'https://youtu.be/paSXmpHU9K4',
        'aspectRatio'       => '16/9',
        'isMaxResThumbnail' => false,
        'thumbnailFormat'   => 'jpg',
        'caption'           => 'My awesome video',
        'customThumbnail'   => 'https://example.com/bg.jpg',
        'settings'          => ['loop' => 1, 'rel' => 0],
        'echo'              => false,
      ]
    );
</code></pre>
<p>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:</p>
<pre><code>    define('BYEB_SPEED_UP_YOUTUBE_VIDEOS', true);
</code></pre>
<p>or</p>
<pre><code>    add_filter( 'byeb_speed_up_youtube_videos', '__return_true' );
</code></pre>
<p>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:</p>
<pre><code>    define('BYEB_FORCE_IFRAME_ON_UNSUPPORTED_BROWSERS', true);
</code></pre>
<p>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.</p>
<p>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.</p>
<p>Please check out my other plugins if you’re interested:</p>
<ul>
<li><strong><a href="https://wordpress.org/plugins/content-blocks-builder" rel="ugc">Content Blocks Builder</a></strong> – This plugin turns the Block Editor into a powerful page builder by allowing you to create blocks, variations, and patterns directly in the Block Editor without needing a code editor.</li>
<li><strong><a href="https://wordpress.org/plugins/display-a-meta-field-as-block" rel="ugc">Meta Field Block</a></strong> – A block to display custom fields as blocks on the front end. It supports custom fields for posts, terms, users, and setting fields. It can also be used in the Query Loop block.</li>
<li><strong><a href="https://wordpress.org/plugins/svg-block" rel="ugc">SVG Block</a></strong> – 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><strong><a href="https://wordpress.org/plugins/icon-separator" rel="ugc">Icon separator</a></strong> – A tiny block just like the core/separator block but with the ability to add an icon.</li>
<li><strong><a href="https://wordpress.org/plugins/breadcrumb-block" rel="ugc">Breadcrumb Block</a></strong> – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.</li>
<li><strong><a href="https://wordpress.org/plugins/block-enhancements" rel="ugc">Block Enhancements</a></strong> – Adds practical features to blocks like icons, box shadows, transforms, etc.</li>
<li><strong><a href="https://wordpress.org/plugins/counting-number-block" rel="ugc">Counting Number Block</a></strong> – A block to display numbers with a counting effect</li>
</ul>
<p>The plugin is developed using @wordpress/create-block.</p>


YouTube Block – A better way to embed YouTube videos, shorts, playlists

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

Munir Kamal

<p>With <strong>Block Slider</strong>, you can use the power of WordPress Block Editor to create awesome slider content such as <strong>layer slider, video slider, image slider, fullscreen slider, post slider, product slider, WooCommerce slider, testimonial slider, gallery slider</strong>, and more. You can also use these sliders in Site Editor within any site template to use them globally.</p>
<p><iframe loading="lazy" title="Block Slider Introduction" width="750" height="422" src="https://www.youtube.com/embed/CpzBBrZY6ks?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>
<p><a href="https://wpblockslider.com/library-sliders/" rel="nofollow ugc">Slider Templates</a> | <a href="https://wpblockslider.com/features/" rel="nofollow ugc">Features</a> | <a href="https://docs.wpblockslider.com/" rel="nofollow ugc">Docs</a> | <a href="https://wordpress.org/support/plugin/block-slider/" rel="ugc">Support</a></p>
<p>Are you ready to make your website look amazing? Say hello to Block Slider – your new best friend for creating all sorts of fantastic sliders and carousels that will make your website stand out!</p>
<h4>Create Stunning Sliders and Carousels</h4>
<p>With Block Slider, you can make different types of sliders and carousels. Want to show off your favorite pictures? Create an Image Slider using image blocks. Want to add cool videos? Create a Video Slider using video blocks. You can create awesome sliders for any purpose!</p>
<h4>Create Responsive Sliders</h4>
<p>Block Slider makes sure your sliders look great on all devices – big screens, small screens, and everything in between! Your sliders will always shine, no matter where people see them.</p>
<h4>Create Posts Slider</h4>
<p>Got cool blog posts? Show them off with the Post Slider. It’s like a showcase for your best content. You will experience the same powerful Query options as the WordPress query block. Not just posts, you can create CPT sliders using any custom post type you may have on your website.</p>
<h4>Create WooCommerce Slider</h4>
<p>If you’re selling things on your website, Block Slider has your back. Showcase your products in a cool product slider. Use WooCommerce blocks that come with the plugin in your sliders and create stunning native WooCommerce sliders easily.</p>
<h4>Create Testimonial Slider</h4>
<p>Got something nice someone said about you, your website, product, or business? Use the Testimonial Slider to display those awesome words.</p>
<h4>Create Hero Banner Slider</h4>
<p>Want something at the top of your website that people can’t miss? Create eye-catching banner sliders the easy way!</p>
<h4>Fullwidth and Customizable</h4>
<p>Want your slider to stretch across the whole screen? Create Fullwidth Slider easily. And guess what? You can make it look just the way you want!</p>
<h4>Easy and Fun with WordPress Blocks & Editor</h4>
<p>Block Slider utilizes WordPress blocks and its user-friendly editor for effortless slider creation. You can easily incorporate various WordPress blocks into your slides, giving you more control compared to other slider plugins.</p>
<h4>Customize Your Sliders</h4>
<p>Make your sliders unique by changing colors, styles, and more. You’re the boss of your sliders, and you get to decide how they look. Block Slider comes with all the styling features you need while creating your stunning slider content.</p>
<h4>Ready-to-Use Slider Templates</h4>
<p>Don’t know where to start? No worries! Block Slider comes with ready-made designs. Just pick one you like, and you’re good to go! We have a growing sliders library where we keep adding new templates regularly.</p>
<h4>Easy-to-Use Controls</h4>
<p>Controlling your sliders is a piece of cake. You can use different buttons to move through your slides, and it’s super easy to do.</p>
<h4>Smooth Transitions</h4>
<p>When your slides change, they do it smoothly. No sudden jumps – just nice transitions that look great.</p>
<h4>Works with All Page Builders</h4>
<p>Whether you’re using Elementor, Beaver Builder, or any other page builder, Block Slider works smoothly with all of them. You can easily add your awesome sliders using a shortcode. It’s like magic that makes your sliders appear wherever you want them outside the block editor!</p>
<h4>Lightweight and Clean Code</h4>
<p>One more awesome thing – Block Slider is super lightweight and doesn’t slow down your website. It’s like having a powerful tool that works smoothly without making your website heavy. Plus, it generates clean and optimized code, ensuring your website stays tip-top.</p>
<p><a href="https://wpblockslider.com/library-sliders/" rel="nofollow ugc">Slider Templates</a> | <a href="https://wpblockslider.com/features/" rel="nofollow ugc">Features</a> | <a href="https://docs.wpblockslider.com/" rel="nofollow ugc">Docs</a> | <a href="https://wordpress.org/support/plugin/block-slider/" rel="ugc">Support</a></p>
<p>Get ready to wow your visitors with amazing sliders and carousels. Block Slider has everything you need to make your website look fantastic. So, why wait? Let the sliding and carousel-ing begin!</p>


Block Slider – Responsive Image Slider, Video Slider & Post Slider

The key features of this block plugin appear to work satisfactorily; some recent reviews said it was broken, but I think things must have been fixed.

There are some fundamental flaws, however:

- The amount of whitespace shown in the editor interface above/below each slides is massive, and it's extremely hard to figure out where to select each 'slide' to customise it. It could be that the "Min Height" control is meant to control this, but if so, it doesn't work.

- Selecting the slider block and pressing "add slide" adds a slide, but if you have a smaller monitor or many slider blocks, it's added off-screen, and you have no idea if the button worked.

- Unless a tabbed interface is added to control content entry into each slide, the "quick preview" mode should be the default state on page load (as opposed to the editing), because of the vast amount of whitespace and vertical area this block takes up, it currently seriously impacts the usability of managing content elsewhere on your page/post.

- A feature enhancement would be to opt-out of the left/right carousel arrows/buttons. I'm having to hide these with CSS.

- The integration with Gutenberg Hub (and associated upsell features in the interface) leaves a bad taste in my mouth; if this was just a slider block plugin, then why do I want it to pull in templates from Gutenberg Hub? I don't.

- The admin interface for the plugin is unfinished and looks amateurish; one of the screens have placeholder text, and the other screens seem to iframe content in from another site (the styling is off, and there are security concerns with iframing unknown sites in). I've decided to hide this entire screen on my client sites.

Promising but currently not a good editing experience

Does not work. Shows dummy message on plugin page.

its not ready for production site.

I wanted a lean sliding solution for gutenberg and this plugin is exactly what i've searched for. Installed the premium trial version from the website and will buy it as soon as it is open for sale.

This is exactly what i needed

This used to be a great little slider - it did everything that I wanted it, cleanly and simply, with the huge bonus of editing the sliders in the page.

Now, with the update to version 2, it's lost that major bonus. It didn't automatically recognise my original sliders, as they promised, so I had to recreate them and then I find that there's no block to insert them back into the page and the shortcode didn't work.

All in all a very disappointing mess that just proves the adage "if it ain't broke, don't fix it!".

Should not have updated it

Very impressed with this little slider block, if you're using the Block editor this will make a good addition to your site. Nice, complete and modern controls. If you only need to slide one thing at a time (think mastheads or hero images) then the free version works really great. If you want to slide more than one thing then you might want to consider PRO. 

Don't listen to the one-star reviews - give it a try.

Great addition to my site


The free plug descripiton here is highly misleading. It promotes all the pro features as if they are included. They are not. I like that the UI and the way you add sliders/slides is easy but the misleading nature of the description makes me want to use something else. 


Highly Misleading


You can't create a slider and add a block to it. Which by the name you'd assume you can do.  What even is this plugin?  It doesn't do anything.  


Can't do anything with this plugin

Create Responsive Sliders using WordPress Blocks. Image slider, video slider, YouTube slider, post slider, product slider, WooCommerce slider & more.

YouTube Block – A better way to embed YouTube videos, shorts, playlists vs Block Slider – Responsive Image Slider, Video Slider & Post Slider