Paste a YouTube URL into the WordPress editor and it can display the video in your post. This is an embed.
Embeds display content from another source on your site. They let you include videos, images, podcasts, or social posts without hosting those files yourself.
The embed loads content from the original provider rather than storing a copy of the video or post on your server.
Are Embeds iframes?
You may be thinking, “Hey, an embed looks a lot like an iframe 🤔”. And that would be a valid observation. In fact, most, if not all, embeds operate through an underlying iframe, which stands for inline frame. An iframe is an HTML element that displays content from another web page inside your own.
Some providers return embed code containing an iframe, which displays their content, such as a YouTube video, inside your page.
With WordPress’s built-in embedding features, you do not need to insert the iframe manually. Paste a direct URL from a supported provider, and WordPress retrieves the embed code.
Why Use Embeds in WordPress?
You can also copy a provider’s iframe code into a Custom HTML block. WordPress’s oEmbed system retrieves the code automatically for supported providers.
WordPress embeds simplify the way you add third-party media. You just paste a URL or insert a block. WordPress then pulls the external content automatically. This process removes the hassle of copying special embed codes. It also reduces the chance of formatting errors.
WordPress supports services including YouTube, Vimeo, X, and SoundCloud. Embedding their content keeps the media files on the provider’s servers.
How WordPress Embeds Work
WordPress’s oEmbed feature recognizes URLs from approved providers. When you paste one into the editor, WordPress requests the provider’s embed code and displays the content.
For a lot of the common embed options, you can even use dedicated block to embed sources. These blocks include YouTube, Twitter, or Instagram blocks, among others. You only fill them with the URL and WordPress handles the rest. This method reduces manual coding. It also ensures that your content looks consistent.
Types of WordPress Embeds
Common embed categories include:
Video Embeds
- YouTube: Paste your video link or use the YouTube block.
- Vimeo: Add your Vimeo URL into the Vimeo block.
- Dailymotion: Use the built-in embed block to display a video preview.
Audio Embeds
- SoundCloud: Insert a track or playlist URL to display its player.
- Spotify: Embed an album, playlist, or podcast episode by pasting its link.
- Mixcloud: Use the embed block to share entire mixes without heavy file uploads.
Social Media Embeds
- X (formerly Twitter): Paste a URL of a post on X, and WordPress automatically shows the embedded tweet.
- Facebook: Insert a Facebook post link to let your readers engage directly.
- Instagram: Share pictures or Reels with an Instagram embed block.
- TikTok: Add the relevant TikTok link to display a video.
Documents and Presentations
- SlideShare: Use the SlideShare block to embed presentations.
- Google Docs/Sheets: Embed a published document or spreadsheet.
- PDFs: Use a third-party PDF embed plugin or upload through the block editor.
Miscellaneous Embeds
- WordPress Posts: Embed posts from another WordPress site.
- Giphy: Embed GIFs in your content.
- Other Providers: WordPress supports many more, like Meetup and Tumblr.
You can find the full list of WordPress Embeds here, and there are many ways to extend WordPress’ default embed behavior with plugins as well.
Embeds Going Stale
Embeds depend on the continued availability of the provider and the content it hosts.
If the creator removes the video or post, the embed may show a blank space or error message.
A provider’s sharing-policy or URL changes can also stop an embed from displaying correctly, even when the original content remains available.
Check embedded content periodically as part of Content Health maintenance. Repair or replace embeds that no longer display as intended.
Leave a Reply