Embed YouTube Block – Fast Loading Videos, Shorts & Playlists vs Chart Block – Visualize Data with Bar, Line, Pie Charts

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: Instead of loading the entire iframe, only the video thumbnail is loaded, resulting in significant performance improvements Ability to play multiple different videos as a custom playlist or input a playlist ID to play the whole playlist Ability to use a custom image as the video thumbnail Ability to set a custom aspect ratio value for displaying any kind of YouTube videos Ability to loop continuously once it finishes playing Ability to show related videos from the same channel as the initial video Automatically load the video title as the caption The same UI as the default core/embed, and you can use the video title as the caption of the block with one click It can be transformed from/to the core embed block. Automatically convert all default core embed YouTube blocks to this block with one line of code. 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: better_youtube_embed_block_render_block( ['url' => 'https://youtu.be/paSXmpHU9K4'] ); The example with all the parameters is: 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, ] ); 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: define('BYEB_SPEED_UP_YOUTUBE_VIDEOS', true); or add_filter( 'byeb_speed_up_youtube_videos', '__return_true' ); 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: define('BYEB_FORCE_IFRAME_ON_UNSUPPORTED_BROWSERS', true); Please check out this page 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 rate it 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: Content Blocks Builder – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features. Meta Field Block – 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. SVG Block – 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. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect The plugin is developed using @wordpress/create-block.

This plugin can represent tabular numeric data, functions or some kinds of quality structure and provides different info. Live Demo | Support Key Features – Free Version 9+ Premium Chart Types: Access advanced visualizations including Bar, Pie, Line, Scatter, Rader, Gauge, Heatmap, Candlestick, Funnel, Stacked, and Grouped Bar charts. Custom Dimensions: Easily set the chart width and height for perfect layout integration. Visual Customization: Pointer Styles: Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more). Pointer Size: Customize pointer size and hover radius for better interactivity. Grid Controls: Set custom grid line colors and label colors to match your site’s theme. Advanced Data Management: CSV & JSON Import: Effortlessly import large datasets directly from CSV or JSON files. Export Capability: Export your charts as high-resolution PNG images or download data in CSV/JSON formats. Manual data:Manual data entry and editing directly from the Gutenberg editor. Advanced Typography: Full control over Google Fonts, font weights, and responsive font sizes for titles, labels, and legends. Custom Currency Support: Add any currency symbol ($, €, £, etc.) and format data for global financial reporting. Specialized Scales: Custom color scales and diverging palettes for Heatmaps and multi-series charts. Legend Options: Control legend position (Top, Left, Bottom, Right) and customize label colors. Shortcode Support: Use charts anywhere in your site using the easy-to-use shortcode generator. Responsive Design: All charts are fully responsive and work perfectly on all devices. Priority Support: Get direct access to our technical support team for fast troubleshooting and feature requests. Pro Version – Unlock Premium Advanced Controls: Segments Separate, Donut & Semi-circle mode. Professional Styling: Toggle Legend, Grid & Axis for all charts. Enhanced Visuals: Customize Point Styles, Fill Area, and Curve Types. Download Button: Toggle show/hide for charts in the frontend UI. Animation Controls: Full control over chart animations and speed. Advanced Typography: Custom Google Fonts and multi-device sizing. Customization: Currency Symbols and Advanced Data Editor. Features Fully Customizable: All the options you need to arrange the showcase to your liking are available here. Different Types: Chart block comes with different types, you can easily switch the type of chart. How to use First, install the Chart Block plugin Add the Chart Block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For Installation help click on Installation Tab Feedback Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. External Services This plugin connects to the following external services from the admin dashboard: bPlugins API Service URL: https://api.bplugins.com Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details. Data Sent: Only the plugin slug is transmitted; no personal or site data is collected. Terms of Service: https://bplugins.com/terms-of-service/ Privacy Policy: https://bplugins.com/privacy-policy/ WordPress.org Plugins API Service URL: https://api.wordpress.org/plugins/info/1.2/ Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section). Data Sent: Plugin slugs and author name; no personal or site data is collected. Terms of Service: https://wordpress.org/about/tos/ Privacy Policy: https://wordpress.org/about/privacy/ Third-Party Libraries / bpl tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. 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