Youtube Embed
The YouTube Embed Block allows you to easily incorporate YouTube videos into your content. This block simplifies the process of embedding videos, enabling you to enhance your site with dynamic and engaging multimedia content.
💡 Note
No need for a YouTube account to get started. However, not all videos are available for embedding. The video owner must enable “Allow Embedding” in their video settings, and some might restrict where their videos can be viewed.
Keep in mind, embedding a video means YouTube and the video’s publisher may receive non-personal viewing data. For privacy details, especially regarding younger audiences, refer to YouTube’s policies.
How to embed a Youtube video
- Find the video you want on YouTube.com and copy the URL from the browser bar.
- Click the ‘+’ button in the editor and select ‘YouTube’, or simply type /youtube and press enter.
Once the block is added, paste the YouTube URL into the provided field and click the ‘Embed’ button to integrate the video into your site.
Playlist
You can embed a playlist URL, and the first video of the playlist will display in the embed box. Navigation for the playlist will appear in the top right corner.
Live streams
YouTube Live stream URLs are supported and can be embedded using the format youtube.com/live/videocode.
Unsupported URLs
Not all YouTube links are suitable for embedding. If you use a URL that can’t be embedded, the Block editor will provide two options: try a different URL or convert the current URL into a Text link.
Block toolbar
Each block has its own set of tools for customization. Here’s what you’ll find in the Youtube embed block toolbar.
Transform to
The ‘Transform to’ button lets you change a Youtube embed Block into other blocks like ‘Paragraph’, ‘Columns’ or ‘Group’. This feature allows you to seamlessly adjust your layout with a simple click, ensuring your content looks just the way you want.
Drag & Move
Use the six-dot icon to drag your block, or the up and down arrow buttons let you move a block one position higher or lower.
Alignment
The ‘Alignment’ tool lets you adjust the width of your Youtube video. Simply click the icon, and a menu will appear with options. You can set your Youtube video to no alignment, max 1200px wide, or full width. This feature helps you customize your Embed to look exactly how you want with ease. Additionally, you can align your Embed to the left, center, or right.
- No alignment: No specific alignment applied.
- Wide width: Increase the width of the Youtube video the content size.
- Full width: Extend the Youtube video to cover the full width of the screen.
- Align left: Make the Youtube video left-aligned.
- Align center: Make the Youtube video centered.
- Align right: Make the Youtube video right-aligned.
Edit URL
After embedding the URL, if you want to change it, click the Youtube video. The ‘Edit URL‘ button will appear on the toolbar, allowing you to easily update the URL.
More Options
The More options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML.
Block settings
Access the Youtube embed block settings by clicking on the Youtube embed block. The settings panel will appear on the right side, allowing you to customize your Youtube embed block options for a tailored layout.
Dimension
The Youtube embed block provides dimension settings options to add margin for better spacing and alignment.
Advanced
- Additional CSS Class(es): The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
- Block Name: Assign a unique identifier to your Embed Block for easier management and customization.