Embed YouTube Block – Fast Loading Videos, Shorts & Playlists vs Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades

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.

A multi-featured plugin to embed YouTube in WordPress. Use this plugin to embed and customize a YouTube gallery (channel or playlist), YouTube livestream (and premiere), YouTube short, or standard YouTube video. This plugin for YouTube can be customized in a wide variety of ways. The plugin also focuses on performance with the ability to lazy load with a facade and defer JavaScript while serving minified CSS and JavaScript. Here are a few recently added features to all versions (free and Pro) of this plugin: YouTube gallery embeds and standard videos now support Facade Mode which improves plugin performance by loading a lighter version of the player, until it is clicked. The plugin then loads the real YouTube embed after clicking (note: for live streams, the real player is always loaded). We have tested this feature in multiple cases with a mix of other WordPress plugins, and we found it to successfully improve your Lighthouse performance score by addressing the following recommendation: “Some third-party resources can be lazy loaded with a facade – 1 facade alternative available.” You can demo this facade feature on our Embed Plus for YouTube Plugin WordPress test site. Defer critical and non critical JavaScript – improve the initial load time of your pages by allowing this plugin’s critical and non critical Javascript code to begin execution only after a page is loaded. That reasoning is the basis for the Defer CSS Javascript (styles and code) recommendation you’ll see in various web profiling tools. We plan to add a plugin feature that will defer critical and non critical CSS in the future. Compatible with the WordPress Gutenberg block editor (it also stays backwards-compatible with the classic editor WordPress plugin). Both the Gutenberg block selector and the Gutenberg classic block will show the wizard button. For the Gutenberg block selector, click on the (+) sign for the block editor list. The EmbedPlus for YouTube Wizard block is located under the “Embeds” category (make sure you choose “YouTube Wizard“). See more on how to embed a YouTube video, gallery, or livestream with the WordPress Gutenberg block editor here >> The plugin is also compatible with several popular page builders like Elementor, Beaver Builder, SiteOrigin, and Visual Composer. For these and pretty much any other page builder with a short code widget, you can also embed your video, gallery, live stream, or premiere by creating the short code in the plugin’s wizard and then embedding the code in the page builder’s short code widget or text widget. Privacy and Consent – Improved privacy and GDPR compliance options like YouTube no cookie, YouTube API restrictions, and a customizable GDPR consent message. Note: if you have a full-blown consent plugin installed on your WordPress site, you may not need these particular features of this YouTube plugin. YouTube gallery capability: channel and playlist – The ability to make playlist and channel embeds have a gallery layout. By default, the plugin can generate a grid-based responsive playlist or channel gallery >>. Your visitors can browse through pages of video thumbnails and choose from videos that are pulled from an entire YouTube channel or playlist. YouTube gallery auto continuous play – embed a playlist or channel gallery and allow it to play one video after the next without requiring viewers to click a thumbnail. YouTube Premieres – The plugin provides you the same embedding methods for YouTube live streams as it does for premiere embeds. Simultaneous playback control – you can enable/disable the ability for visitors to have separate videos running at the same time on the same page. This also works with YouTube livestream and gallery embeds that are embedded by our YouTube plugin. Improved accessibility by using title attributes for screen reader support. Hopefully this plugin can help your site pass functional accessibility evaluations (FAE). Improved AJAX WordPress theme support. Site origin information with each embed code as an extra security measure. In YouTube’s/Google’s own words, checking this option “protects against malicious third-party JavaScript being injected into your page and hijacking control of your YouTube player.” We especially recommend checking it as it adds higher security than the built-in YouTube embedding method that comes with the current version of WordPress (i.e. oembed). Easy “Insert” button for both the Visual and Text mode of the editor (for YouTube gallery and live stream embedding as well). Embed an entire YouTube channel as a (non-gallery, single embedded player) playlist. Start video settings for playlist embeds. You can now choose to start a playlist with a specific video or have the plugin automatically start with the most recently added video. Note: If you’re embedding a YouTube gallery, the order will be defined by the order of the channel or playlist on YouTube.com. Volume level initialization – helpful when autoplay is checked. Applies to all videos embedded with this YouTube plugin. iOS playback preferences. Automatic localization/internationalization so you can set the player’s interface language from English to another. Instant HTTPS support. It can even convert past non-HTTPS videos to HTTPS. Did you know that Google uses HTTPS/SSL support as a ranking signal for SERP? “At a Glance” direct access to your YouTube posts/pages. Shortcode support for embedding multiple videos on one line. General playlist embedding support. Migration support for other YouTube plugins for WordPress – allows you convert other YouTube plugin embeds to ours Click the Download button to start exploring this plugin for YouTube, or take a look at some more introductory details below. This plugin helps you easily manage the growing complexity of YouTube embedding. It provides a spectrum of basic and advanced features of the YouTube embedded player and will have you posting videos in seconds after installing it. The settings page has plenty of default options that you can automatically apply to your embedded YouTube video, gallery, and/or live stream: Turn on/off all annotations by default Automatically center all your videos Automatically start playing your videos Autohide controls until hovering Loop your videos Show/hide related videos at the end Show/hide the video title and other info (YouTube/Google has deprecated this feature) Use the light theme Show/hide player controls Turn on/off closed captions by default Make your video, gallery, or live stream responsive so that it dynamically fits in all screen sizes (smart phone, PC and tablet) Customizations can be also made to each YouTube embed by adding more to the link as shown below. Adding these will override the above global defaults that you set. Want a visual customizer wizard instead? Go Pro here (more info in the next section): width – Sets the width of your player. If omitted, the default width will be the width of your theme’s content. Example: "https://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350" height – Sets the height of your player. If omitted, this will be calculated for you automatically. Example: "https://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350" autoplay – Set this to 1 to autoplay the video (or 0 to play the video once). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&autoplay=1" cc_load_policy – Set this to 1 to turn on closed captioning (or 0 to leave them off). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&cc_load_policy=1" iv_load_policy – Set this to 3 to turn off annotations (or 1 to show them). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&iv_load_policy=3" loop – Set this to 1 to loop the video (or 0 to not loop). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&loop=1" rel – Set this to 0 to only show related videos from the same channel as the current video (or 1 to show videos from any channel). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&rel=0" showinfo – Set this to 0 to hide the video title and other info (or 1 to show it). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&showinfo=0" (YouTube/Google has deprecated this feature) fs – Set this to 0 to hide the fullscreen button (or 1 to show it). Example: "https://www.youtube.com/watch?v=quwebVjAEJA&fs=0" You can also start and end each individual video at particular times. Like the above, each option should begin with ‘&’ start – Sets the time (in seconds) to start the video. Example: "https://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350&start=20" end – Sets the time (in seconds) to stop the video. Example: "https://www.youtube.com/watch?v=quwebVjAEJA&width=500&height=350&end=100" About the Pro version of the Embed PLus for YouTube Plugin If you like this free version, you may even upgrade to a separate Pro plugin with features like: Full visual embedding wizard Alternate playlist and channel gallery styling >> (list layouts and slider layouts, popup/lightbox player, thumbnail hiding for text only paging, and more) Caching to avoid making frequent requests to YouTube.com and speed up your page loads Automatic video thumbnail images: each post or page that contains at least one video will have the thumbnail of its first video serve as its featured image [Lazy load YouTube embeds] – (https://www.embedplus.com/defer-parsing-of-javascript-improve-gtmetrix-speed-of-page-with-youtube-embed.aspx) with eye-catching effects and animations [YouTube live chat] – (https://www.embedplus.com/embed-youtube-live-chat-box-with-live-stream-embed-wordpress.aspx) Add more interaction to your site by including the YouTube live chat box as part of each live stream embed. Note that live chat can also be an option for earning money from your audience by using the Super Chat and Super Stickers feature. Automatic tagging for video SEO Automatic Open Graph tagging for Facebook Deleted video alerts (i.e., did Google remove or take down videos I previously embedded?) Mobile compatibility checking (i.e., see if your embeds have restrictions that can block your site’s mobile visitors from viewing) Alerts when visitors from different countries are blocked from viewing your embeds Priority support You also get access to our deleted video alerts to help avoid showing embedded videos that are later removed from YouTube.com. You even get an embedder-centric analytics dashboard that adds view tracking to each of your embeds so that you can answers questions like: How much are your visitors actually watching the videos you post? How does the view activity on your site compare to other sites like it? What and when are your best and worst performing YouTube embeds? How much do the producers of the YouTube videos you embed rely on your site, versus other sites and YouTube.com, for views? Are you embedding videos that are blocked in other countries? Have your visitors tried to view a page and/or gallery on your site with deleted/unavailable videos? See more details after installing. Enjoy! This WordPress plugin is maintained by Embed Plus for YouTube. This plugin for YouTube can include premium features like lazy load (with animation), alternate playlist and channel gallery styles, automatic video thumbnail support, automatic schema tagging for video SEO, mobile compatibility checking, and deleted video alerts when you upgrade to PRO.