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',
 '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> – 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><a href="https://wordpress.org/plugins/display-a-meta-field-as-block" rel="ugc">Meta Field Block</a> – 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><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.

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.

Freemius

Binsaifullah

Spider Themes

Md. Jwel Miah

Advanced Accordion Gutenberg Block is the #1 WordPress plugin for creating professional FAQ sections, expandable content accordions, and interactive tabs directly in the Gutenberg editor. Built with 100% native Gutenberg components, this lightweight plugin delivers stunning results without slowing down your website.
Perfect for bloggers, agencies, and businesses looking to organize content, improve user engagement, and enhance SEO performance—all without writing a single line of code.
<h3>Why Choose Advanced Accordion Block?</h3>
✓ Lightning-Fast Performance – Optimized code means zero bloat. Only loads on pages using the block. 
✓ 100% Gutenberg Native – Built exclusively with Gutenberg components for seamless WordPress integration. 
✓ Unlimited Flexibility – Nest accordions, mix content types, and customize every detail. 
✓ Consistent Update & Improvements – Regular updates and improvements to keep the plugin secure, performant, and feature-rich. 
✓ SEO Optimized – FAQ schema markup and responsive design help you rank higher. 
✓ Fully Accessible – Complete keyboard navigation (Tab, Shift+Tab, Enter/Space, Arrow keys). 
✓ No Coding Skills Needed – Drag-and-drop editor makes it easy for anyone.
<h3>Video Overview</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/UQDLpqro9yU?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>
<h3>Quick Links</h3>
<ul>
<li><a href="https://advanced-accordion-block.spider-themes.net/flexible-pricing-for-all" rel="nofollow ugc">Get Pro Features</a> – Unlock advanced functionality</li>
<li><a href="https://advanced-accordion-block.spider-themes.net/features" rel="nofollow ugc">View Live Demos</a> – See it in action</li>
<li><a href="https://helpdesk.spider-themes.net/docs/advance-accordions" rel="nofollow ugc">Full Documentation</a> – Complete guides and tutorials</li>
<li><a href="https://advanced-accordion-block.spider-themes.net" rel="nofollow ugc">Feature Showcase</a> – Explore all capabilities</li>
</ul>
<h3>Core Features</h3>
Free Version Includes:
✨ Unlimited Accordions – Create as many FAQs and accordion sections as needed across all pages and posts.
✨ Nested Accordion Support – Build multi-level accordions for complex content hierarchies. Perfect for structured documentation and process guides.
✨ Global Style Settings – Set universal accordion styling from one place. Apply consistent branding across your entire website with a single click.
✨ Responsive Design – Perfect display on all devices—desktop, tablet, and mobile. Touch-friendly and fully responsive.
✨ Horizontal Accordion Block – Display accordions side-by-side with titles, subtitles, icons, and any inner blocks. Ideal for product comparisons and feature showcases.
✨ Advanced Customization – Customize margins, padding, border radius, colors, backgrounds, and more for each accordion item.
✨ Multiple Content Types – Insert text, images, videos, tables, buttons, and any other block inside accordion sections.
✨ Pre-Built Patterns – Get started instantly with professionally designed accordion patterns. Save hours of design work.
✨ Keyboard Accessibility – Full keyboard navigation support: 
 • Tab – Next accordion 
 • Shift + Tab – Previous accordion 
 • Enter/Space – Expand/collapse 
 • Arrow Keys – Navigate between items
✨ Active on Page Load – Automatically expand specific accordion sections when the page loads for better user engagement.
✨ SEO-Friendly with FAQ Schema – Automatic FAQ structured data markup improves search rankings and enables Rich Results in Google Search.
✨ Linked Accordions – Connect accordion items for synchronized, interconnected content experiences.
✨ Custom Color Palette – Choose from unlimited color options to match your brand perfectly.
<h3>Premium Features</h3>
Upgrade to Pro and unlock powerful advanced capabilities:
🚀 Instant Search – Enable a search bar to help users find specific FAQs quickly. It’s useful when you have a long list of FAQs.
🚀 Question & Answer (Q&A) Style – Display FAQs in a structured question-and-answer format for easy readability and user engagement.
🚀 Voting Feedback – Add feedback voting buttons to each FAQ item. From the total vote count, you can understand how helpful an accordion is.
🚀 Anchor Link – Generate unique links for each FAQ item. It’s handy for directing users to specific FAQs from external sources or within the same page.
🚀 Open All / Close All – A functionality that lets users expand or collapse all accordion items simultaneously. It provides convenience, especially when users want to view or hide all FAQ items at once.
🚀 Read More Button – Expand the accordion content beyond a certain character limit or line count, displaying a “Read More” button or link to reveal the entire content.
🚀 Activator Event – Choose the event type to activate the accordion. You can choose from Click and Hover.
🚀 Steps Layout – Sequentially open accordions, marking previously opened ones as checked, guiding users through a step-by-step process.
🚀 Checklist Layout – Convert accordions into a checklist format, allowing users to tick off completed items, ensuring thorough task management.
🚀 Featured Icon – Integrate custom icons/images into your accordion title to represent different types of themes visually. This enhances user experience and helps quickly differentiate content.
🚀 Subheading Support – Add unique subheadings to each accordion section for better content organization. This improves user navigation, making it easy for visitors to find and engage with specific information.
🚀 Custom CSS Field – With full custom CSS support, you can tailor your accordion’s colors, fonts, and animations to seamlessly align with your website’s style.
🚀 Filter Tab by Category – Easily filter and view specific content within your accordion sections. Set custom tags in the parent accordion, and watch the magic happen with dynamic filtering for a more organized and user-friendly experience.
🚀 Show More Button – Enhance user experience by enabling the “Show More” button in Group Accordion. Control how many items are displayed per click, keeping content organized and accessible.
🚀 Labelling Option – User can add custom text label beside the Single accordion title, making it easier to highlight key information and categorize content effectively.
🚀 Autoplay Functionality – Enable automatic section switching in Group Accordion blocks. Accordions will rotate between sections without user clicks, improving engagement and saving time.
🚀 Feature Image Support – Add a custom image to each Group Accordion block for a more visually appealing and easily recognizable layout.
🚀 Auto-Numbering with Color Support – Automatically number accordion items with customizable colors, giving your content a cleaner and more organized appearance.
🚀 Next/Previous Navigation – Enable smooth sequential browsing inside accordion content with built-in Next and Previous navigation controls, helping users move through sections without closing the accordion.
<a href="https://advanced-accordion-block.spider-themes.net/features" rel="nofollow ugc">See All Features</a>
<h3>Creating an Accordion FAQ with Advanced Accordion</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/K40z8KxojxE?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>
<h3>Perfect For</h3>
📰 Bloggers & Content Creators – Organize long-form content into scannable, reader-friendly sections.
🛍️ E-commerce Sites – Build product FAQs that reduce customer support inquiries and boost conversions.
📚 Service Providers – Create comprehensive FAQ sections for agencies, consultants, and SaaS companies.
🏛️ Educational & Training – Build interactive step-by-step guides and course content with nested accordions.
🏢 Corporate & Enterprise – Professional Q&A sections with advanced filtering and custom styling.
💼 Job Boards & Directories – Expandable listings with custom organization and search capabilities.

Advanced Accordion Gutenberg Block – Create Beautiful FAQs, Content Accordions & Interactive Tabs

The colour picker does not support the colour palettes of the theme.json. Furthermore, the plugin unfortunately does not keep its core promises. According to the description, the plugin does not use any frameworks and pure vanilla Javascript. However, dashicons are loaded in the frontend for the icons - from a PageSpeed perspective, individual SVGs would be a much better choice here. Furthermore, the Javascript was written with jQuery dependency, so jQuery is mandatory and loaded in the frontend. So there is no question of Pure Vanilla Javascript here.

Not as exptected

When ever the plugin is updated the accordions used in pages show a message saying "Block contains unexpected or invalid content." and a button inciting us to recover the block.  When the button is clicked, the group accordion block disappears with all the content and one has to start all over from scratch.... not an optimal solution.

Unfortunately keeps breaking on updates

Create stunning FAQ & accordion blocks. SEO-optimized, fully accessible, zero performance impact. No coding needed.

YouTube Block – A better way to embed YouTube videos, shorts, playlists vs Advanced Accordion Gutenberg Block – Create Beautiful FAQs, Content Accordions & Interactive Tabs