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.

WPJoli

Joli Table Of Contents is the most customizable and performance-focused table of contents plugin for WordPress. It works out of the box for beginners — thanks to a built-in Onboarding Wizard — and offers deep control for advanced users and developers.
Easily insert a table of contents into all your posts with either the Auto-insert, the Gutenberg Block, or the Shortcode.
<a href="https://wpjoli.com/docs/joli-table-of-contents/" title="Joli Table Of Contents Documentation" rel="nofollow ugc">📖 Documentation</a> | <a href="https://wpjoli.com/joli-table-of-contents/" title="Joli Table Of Contents Pro" rel="nofollow ugc">⭐ Get PRO</a>
<h3>🚀 Why Joli Table Of Contents?</h3>
<h3>✅ Beginner-Friendly Onboarding Wizard</h3>
After activation, a step-by-step setup wizard walks you through the most important settings — no configuration headaches, no reading documentation. You’ll have a working, good-looking TOC in minutes.
<h3>🎨 Instant Customization with the Color Palette System</h3>
The new Color Palette makes customization effortless. Set just the Accent color and it automatically propagates across your entire TOC — that’s 90% of the visual work done in a single click. Fine-tune everything else at your own pace.
<h3>🧠 Smart Heading Detection</h3>
Joli Table Of Contents accurately detects headings from third-party shortcodes and blocks that don’t appear directly in the editor but are rendered on the front end. Since v3, you can now choose between Content scope (default — prevents unwanted headings from appearing) and Extended scope for advanced use cases.
<h3>🆕 Gutenberg Block with Inline Editing</h3>
Use the dedicated Gutenberg Block to insert a table of contents anywhere in your post. The block lets you hide or edit specific headings inline — no settings page needed.
<h3>⚡ Performance First</h3>
No jQuery dependency. Minified CSS and JavaScript. Conditional style loading based on active settings — only the code you need is loaded. Built for fast websites.
<h3>🔁 Migrate from Another TOC Plugin — Without Touching Your Content</h3>
Already using Easy Table of Contents, LuckyWP Table of Contents, or another plugin? You can switch to Joli TOC without updating a single shortcode across your posts.
Use the built-in filter to map Joli TOC to your existing shortcode tag:
<pre><code>add_filter('jolitoc_shortcode_tag', function(){ return 'toc'; });
</code></pre>
This works with any custom tag, so your existing <code>[toc]</code> (or any other) shortcodes continue to work immediately after switching.
<h3>✨ Key Features</h3>
Design & Themes: 
* Professional looking themes (Default, Original, Hero, + all legacy themes) 
* Dark mode support for v3 themes 
* Color Palette system — set one color, style the whole TOC 
* Fully customizable: padding, margin, borders, fonts, colors, icons 
* Custom CSS support 
* CSS variable architecture for deep theming 
* Custom theme engine (create your own theme)
Insertion methods: 
* Auto-insert (by post type and position) 
* Gutenberg Block 
* Shortcode <code>[joli-toc]</code>
Auto-insert positions: 
* Before/After the content 
* Before/After H1 
* Before first H2 / After first H2 
* After first paragraph
Headings & Detection: 
* Detect headings from third-party blocks and shortcodes 
* Heading scope: Content (default) or Extended 
* Show headings by custom depth (H2 to H6) 
* Hide or edit specific headings via the block 
* Disable headings by text or CSS class
Navigation & UX: 
* Reading time estimate (new in v3) 
* Hierarchical or Flat view 
* Multiple numbering styles (with regional number support) 
* Customizable numbering separator and suffix 
* Smooth scrolling 
* Folding/unfolding with animation 
* Pretty URL hash (e.g. <code>mysite.com/article/#section-title</code>) 
* Latin & non-latin character support 
* Multilingual hash transliteration 
* Responsive — hover events work as touch on mobile
Other: 
* Import / Export settings 
* Import presets for quick setup 
* Custom CSS section 
* Fully responsive 
* <code></code> multi-page support 
* RTL support 
* WPML compatible 
* No jQuery 
* Developer hooks (<a href="https://wpjoli.com/docs/joli-table-of-contents/developer-hooks/" rel="nofollow ugc">see full list</a>)
<h3>⭐ What’s New in v3</h3>
<h3>🧙 Onboarding Wizard</h3>
New users are greeted with a step-by-step onboarding wizard that configures the most important settings for their site — without needing to touch advanced options.
<h3>🎨 Color Palette System</h3>
A brand-new reusable color palette makes customization fast and consistent. Define your Accent color once and watch it style your entire TOC automatically.
<h3>🖼 New & Updated Themes</h3>
v3 ships with new and upgraded themes: Default (replaces Basic Light/Dark), Original, and Hero — all with dark mode support and theme-specific style variants.
<h3>🎛 Redesigned Settings Page</h3>
The admin interface has been fully redesigned with: 
* A search bar to quickly find any setting 
* A Live Preview panel — see your changes in real time 
* A Quick Settings Panel for the most common options 
* Better color pickers with palette support 
* Session checker to prevent lost changes
<h3>📐 New Style Options</h3>
New styling controls include: header border style/width/radius/color, numbering badge colors, base font size, and toggle button styles.
<h3>🔢 Improved Numbering System</h3>
The numbering engine has been upgraded to behave like a proper list — including support for regional numbering formats. Hexadecimal and binary modes have been removed.
<h3>📍 TOC Alignment</h3>
Choose between left, center, and right alignment for the entire TOC block.
<h3>📖 Reading Time Estimate</h3>
Automatically display an estimated reading time inside the TOC header.
<h3>🔒 PRO Features</h3>
<a href="https://wpjoli.com/joli-table-of-contents/" rel="nofollow ugc">Get Joli Table Of Contents Pro →</a>
Premium Themes:
Widgets: 
* 🆕 Timeline TOC — display the TOC as a visual timeline on the side of the screen, with proportionally spaced markers 
* ✅ Floating TOC Widget — follows the user as they scroll, shows the active section 
* ✅ Slide-Out TOC Widget — fixed panel on the side of the screen 
* ✅ Sticky Sidebar TOC — TOC in a sidebar widget that sticks while scrolling 
* ✅ Progress Bar Widget — reading progress indicator at the top of the page
PRO-only customization: 
* ⭐ Collapsible headings 
* ⭐ View more button (Partial fold) 
* ⭐ Independent top-level heading styling 
* Separator between top-level headings 
* Multi-columns mode 
* Per-device TOC visibility (in-content vs. sidebar) 
* Fade past headings
Advanced auto-insert rules: 
* Filter by post type, post title, or post ID 
* Exclude specific posts by title or ID 
* Different settings per post type (theme, layout, everything)
Custom Post Type support with per-post-type settings.
<h3>🔧 Shortcode</h3>
Insert the TOC anywhere using the shortcode:
<pre><code>[joli-toc]
</code></pre>
Migrating from another plugin? Keep your existing shortcode tag without updating any content:
<pre><code>add_filter('jolitoc_shortcode_tag', function(){ return 'toc'; });
</code></pre>
This is compatible with shortcode tags used by Easy Table of Contents, LuckyWP Table of Contents, and others.
<h3>🎣 Developer Hooks</h3>
Joli Table Of Contents provides a full set of action and filter hooks for developers.
<a href="https://wpjoli.com/docs/joli-table-of-contents/developer-hooks/" rel="nofollow ugc">View all available hooks →</a>
Common examples (add to your theme’s <code>functions.php</code>):
Disable auto-insert globally: 
 add_filter(‘joli_toc_disable_autoinsert’, function(){ return true; });
Disable JS or CSS: 
 add_filter(‘joli_toc_disable_js’, function(){ return true; }); 
 add_filter(‘joli_toc_disable_styles’, function(){ return true; });
Customize the TOC title dynamically: 
 add_filter(‘joli_toc_toc_title’, function( $title ){ return ‘My Custom Title’; });
<h3>🔌 More Plugins by WPJoli</h3>
<ul>
<li><a href="https://wordpress.org/plugins/smart-auto-featured-image/" rel="ugc">Smart Auto Featured Image</a></li>
<li><a href="https://wordpress.org/plugins/zenform/" rel="ugc">ZenForm</a></li>
<li><a href="https://wordpress.org/plugins/joli-faq-seo/" rel="ugc">Joli FAQ SEO</a></li>
<li><a href="https://wordpress.org/plugins/joli-clear-lightbox/" rel="ugc">Joli CLEAR Lightbox</a></li>
</ul>

Joli Table Of Contents

The best Table of Contents plugin for WordPress. Auto or manual insert, Gutenberg Block, beautiful themes, onboarding wizard, and deep customization.

Embed YouTube Block – Fast Loading Videos, Shorts & Playlists vs Joli Table Of Contents