Dana Ross

Embed the most recent YouTube videos for a user in a sidebar

My Recent YouTube Widget

Embed the most recent YouTube videos for a user in a sidebar

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.

My Recent YouTube Widget vs Embed YouTube Block – Fast Loading Videos, Shorts & Playlists