How to Use the WordPress TED Embed Block

Last Updated on September 30, 2022 by 1 Comment

How to Use the WordPress TED Embed Block
Blog / WordPress / How to Use the WordPress TED Embed Block

TED Talks are among the most-watched videos on the internet. Years later, people still talk about some of the most iconic ones, including speeches by Bill Gates, Chimamanda Ngozi Adichie, and many more. The video platform that hosts this content is so popular that it even gets its own TED embed block in WordPress. The TED embed block is one of several video embed blocks available in WordPress, including VideoPress, WordPress.tv, Dailymotion, Vimeo and YouTube.

In this article, we’re going to show you how to add the TED embed block in WordPress. We’ll explain how to configure it, and discuss some tips and tricks for using the block effectively.

Let’s talk!

How to Add the TED Embed Block to Your Post or Page

Adding embed blocks in WordPress tends to be very straightforward. To get started, open the Block Editor and look for the post or page you want to edit. Add a new block and select the TED option (you might have to use the search feature to find it):

Adding a TED block in WordPress

Once you add the block, you’ll see a field where you can enter the TED URL that you want to embed in WordPress. To get a TED Talks video URL, open its page and copy the full link from your browser’s navigation bar. That link should look something like this:

https://www.ted.com/talks/url-example

Go ahead and paste that URL within the TED block and click on Embed:

Embedding a TED Talks URL in WordPress

If the URL is valid, the block will automatically transform into a lite version of the TED Talks video player. This embedded player includes options for setting the video to full screen, adding captions, and more. However, it lacks advanced functionality, such as sharing options or the ability to modify the video’s playback speed:

The TED Talks video player in WordPress

Fortunately, none of those features are critical, and in exchange you get to play TED Talks videos without hosting them on your server.

You can also skip selecting the TED block manually, and simply paste a valid TED Talks URL into a Paragraph block. When you do that, WordPress will automatically embed the video.

TED Embed Block Settings and Options

When you’re working with WordPress embed blocks, you often don’t get access to a lot of configuration options or settings. The TED block enables you to use the TED Talks video player on your site, but you don’t get to alter its default appearance or functionality.

If you mouse over the TED block, you’ll see a simple formatting menu that includes three options:

  1. Switching the block for another element
  2. Modifying the block’s alignment
  3. Editing the TED video URL you entered previously

The TED embed block's formatting menu

If you select the TED block and click on the gear icon on the top-right corner of the editor screen, an additional settings menu will appear. That menu includes an option to enable automatic resizing on smaller screens, and another for adding CSS classes to the block:

The TED block's settings menu

The Resize for smaller devices option should be turned on by default, and we recommend that you keep it that way so the video player adapts well to smaller screens. Additionally, the TED block comes with a preset CSS class that sets its base aspect ratio. You can add further CSS classes within that field, or remove the default aspect ratio if you’d rather set a different one.

Tips and Best Practices for Using the TED Embed Block Effectively

The TED block takes only seconds to set up and configure. All you have to do is enter a valid TED URL and you’re in business – visitors will be able to play the video from your website any time they want. The most important step is to enable the Resize for smaller devices option, so the TED video player looks good on mobile devices:

A responsive embedded video player

You’ll also need to remember that the TED block simply places a video player. The block doesn’t show any information about the video users are about to watch, which means you need to provide context.

If you’re adding a video within a page or blog post, let users know what they’re about to see using captions, headings, and/or regular paragraphs. Aside from those considerations, the TED block is essentially a plug-and-play element.

Frequently Asked Questions About the TED Embed Block

If you still have any questions left about the TED block and how to use it, this section will answer them. Let’s start by talking about server storage.

Do TED Videos Take Up Storage on My Server?

The TED block embeds the TED video player and reproduces media files from this third-party platform’s servers. At no point do those videos transfer to your website’s servers or take up any storage space. As a side note, this means that when users play those TED videos on your site, it won’t eat into your allotted bandwidth.

Why Can’t I Embed TED Videos on My Website?

If you don’t have access to the TED block, you might be using an outdated version of WordPress. Alternatively, if you can use the block but are unable to embed the video, check the URL you’re trying to add to make sure it’s correct.

Can I Embed Any TED Video on My Site?

You can take any video from the TED Talks library and embed it in WordPress using the TED block. The only caveat is that you should make sure the video is relevant to whichever page or post you’re adding it to.

Conclusion

Everyone loves TED Talks. They are often informative and inspiring, and you get to see some of the world’s most interesting people talking about the subjects they love. If you want to show your site’s visitors your favorite TED Talks and foster discussion around them, the TED embed block enables you to do so easily.

Adding the TED block is remarkably simple. All you have to do is get the URL for the TED Talks video you want to show and use the block to embed it. WordPress will automatically display the TED Talks video player for you.

Do you have any questions about how to use the TED embed block? Let’s talk about them in the comments section below!

Featured Image via FGC / shutterstock.com

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time 👇

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

WordPress Security Guide for Busy Freelancers (2024)

WordPress Security Guide for Busy Freelancers (2024)

Posted on November 22, 2024 in WordPress

Though WordPress is built to be secure, it’s not entirely safe. It requires regular maintenance, and your responsibility increases even more when you manage your clients’ WordPress. This WordPress security guide lists effective set-it-and-forget-it ways for freelancers and agencies to...

View Full Post
Best WordPress Black Friday & Cyber Monday Deals! (2024)

Best WordPress Black Friday & Cyber Monday Deals! (2024)

Updated on November 26, 2024 in WordPress

Black Friday is the ultimate shopping holiday, and this year, we’re spotlighting some of the top deals outside the Divi ecosystem. These exclusive offers on industry-leading tools and services are designed to help creators, marketers, and entrepreneurs like you elevate your projects without...

View Full Post

1 Comment

  1. Hi. I’m just beginning to build my website. Your post just came across my Chrome feed. What theme are you using for this site? Is it free?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

👋 It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Get Started With Divi