Embed YouTube Block – Fast Loading Videos, Shorts & Playlists
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.
Top keywords
- block26×4.28%
- youtube11×1.81%
- videos10×1.64%
- embed8×1.32%
- blocks7×1.15%
- core7×1.15%
- ability6×0.99%
- video6×0.99%
- core embed5×0.82%
- custom5×0.82%
- editor5×0.82%
- youtube videos5×0.82%
Content Slider Block – bring your content to life with slides
Turn static pages into engaging, swipeable stories – build professional content sliders right inside the block editor, no code required. Plugin Demo | Documentation | Pricing Why Content Slider Block? Content Slider Block adds a dedicated slider block to the Gutenberg editor so you can showcase content professionally – each slide with its own background (vibrant gradient, captivating image, or sleek color), plus a title, description, and call-to-action button. Customization is at the core of the plugin. Flexible typography settings let you fine-tune every text element, buttons are fully stylable with link behavior, padding, and borders, and you control exactly where content sits on each slide – you can even drag it into position. Responsive column options keep your sliders looking sharp on desktops, tablets, and phones. Advanced slider options – autoplay, loop, touch move, slide speed, and transition effects like Slide, Fade, and Creative – help you build sliders that leave a lasting impression. Whether you’re a blogger, marketer, or business owner, Content Slider Block lets you tell your story your way. Free Features Flexible Slide Backgrounds: Set a color, gradient, or image background for each slide. Rich Slide Content: Add a title, description, and button to every slide. Typography Controls: Set typography for the title, description, and button. Button Styling: Specify link tab behavior, padding, and border for the button. Drag-and-Drop Content Position: Set different positions for slide content, or simply drag it into place. Color Controls: Different colors for slide title and description, plus button colors and hover colors. Responsive Columns: Apply different column counts per device, with column gap, width, and height controls. Slider Options: Loop, Touch Move, Slide Speed, and Autoplay. Transition Effects: Slide, Fade, and Creative effects. Pagination & Navigation: Show/hide both and configure their dynamic styles, including clickable pagination and dynamic bullets. Pro Version – More Effects & Control Upgrade to Content Slider Block Pro for advanced slider behavior and device-level control. Pro features include: Sortable: Reorder slides with drag and drop. Border: Border style options on every single slide. Advanced Autoplay: Delay time, Disable on Interaction, Reverse Direction, Pause on Mouse Enter, and Stop on Last Slide. Free Mode & Sticky: Free Mode on drag, with a sticky option. Extra Effects: Cube, Coverflow, Flip, and Cards. Keyboard & Mousewheel Control: Slide with the keyboard or mousewheel. Device Visibility: Show/hide pagination and navigation on tablet and mobile. Wrapper Styling: Background and padding options for the slider wrapper. Shortcode: Use your slider anywhere with a shortcode. How to Use Content Slider Block Install and activate the Content Slider Block plugin. Open a page or post in the Gutenberg editor. Add the Content Slider block from the “Content Slider Block” category. Adjust slides and styles from the right-side settings sidebar. Publish – your slider is live! Use Cases Hero Sections: Rotate headlines, offers, and calls to action at the top of your pages. Promotions & Campaigns: Highlight sales and announcements with bold CTA buttons. Image Showcases: Present photos and visuals in a swipeable carousel. Feature Highlights: Walk visitors through product or service features slide by slide. Storytelling Pages: Guide readers through content in a sequenced, visual way. User Feedback ⭐⭐⭐⭐⭐ simple and effective ❛❛very simple very effective please keep updating it Best Regards❜❜ –tarekelnemrawy Did you like this plugin? Dislike it? 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. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Content Slider Block on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. Swiper Source: https://swiperjs.com/ GitHub: https://github.com/nolimits4web/swiper License: MIT – https://github.com/nolimits4web/swiper/blob/master/LICENSE Purpose: Modern touch slider used for Slider and News Ticker components. Freemius Lite SDK Source: https://bplugins.com/ GitHub: https://github.com/bPlugins/freemius-lite-sdk License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy. 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