Title: TED embed Author: Birgit Pauli-Haack Published: June 4, 2020 Last modified: June 8, 2024 --- # TED embed ## In this article * [Block Toolbar](https://wordpress.org/documentation/article/ted-embed/?output_format=md#block-toolbar) * [Block Settings](https://wordpress.org/documentation/article/ted-embed/?output_format=md#block-settings) * [Changelog](https://wordpress.org/documentation/article/ted-embed/?output_format=md#changelog) [ Back to top](https://wordpress.org/documentation/article/ted-embed/?output_format=md#wp--skip-link--target) [Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/) The TED embed block lets you add a TED video to your page/post. The embedded video includes a play button that allows users to watch the video on your website. You cannot embed TED playlists and series. **Six Steps to embed a TED Video on your post or page** 1. Find the [video on ted.com](https://www.ted.com/talks/matt_mullenweg_why_working_from_home_is_good_for_business) and copy the video URL from the browser bar. ![Shows and example of a video found on ted.com.](https://wordpress.org/documentation/ files/2020/06/find-your-video-on-TED.png) 2. Add the TED Embed block to your post. ![Adding a block via the “Slash” command from an empty row](https://wordpress.org/ documentation/files/2022/04/01-ted_block.jpg) Adding a block via the “Slash” command from an empty row [Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/) 3. Paste the TED URL from step 1 into the block. 4. Click on the “Embed” button. ![Embed option for the TED video block to paste the URL.](https://wordpress.org/ documentation/files/2022/04/02-embed_link-1.jpg) 5. Now you can see the TED video in your editor. ![Preview of the embedded TED video within the WordPress editor.](https://wordpress. org/documentation/files/2022/04/03-ted_video-1.jpg) 6. Click on Preview to see how the video is displayed on the front end of your page. ![Preview of the embedded TED video ](https://wordpress.org/documentation/files/ 2022/04/04-preview.jpg) ## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/ted-embed/?output_format=md#block-toolbar)󠁿 Besides the Mover and Drag & Drop Handle, the Block Toolbar for the TED embed shows four buttons: * Transform to * Change alignment * Edit URL, and * More Options.  ![Block Toolbar with options available for the TED Block.](https://wordpress.org/ documentation/files/2022/04/toolbar.jpg) **Transform to**: ![Options to transform the TED block to Paragraph, Columns or Group.](https://wordpress. org/documentation/files/2022/04/05-transform.jpg) You can transform a TED embed to a Group. This would give you the ability to change the background color around the TED embed. ![Editor view of a TED video embed as a group with Color Settings controls](https:// wordpress.org/documentation/files/2022/04/06-background-1024x409.jpg) ![TED video embed with a yellow background.](https://wordpress.org/documentation/ files/2022/04/07-background_preview-1.jpg) Preview of Ted Embed with background **Change Alignment ** ![Alignment options for the TED block: wide width, full width, align left, align center, and align right.](https://wordpress.org/documentation/files/2022/04/08-alignment. jpg) * **Wide width** – Increase the width of the post beyond the content size * **Full width** – extend the TED embed post to cover the full width of the screen. * **Align left** – Make the TED embed post left aligned * **Align center** – Make the TED embed post alignment centered * **Align right **– Make the TED embed post align right **Edit URL** Via the edit URL, you can change the TED Embed URL in the embed block. Overwrite the existing URL and click on the “Embed” Button. ![Editing the block URL via the "edit" option.](https://wordpress.org/documentation/ files/2022/04/09-edit_url.jpg) **More Options:** These controls give you the option to copy, duplicate, and edit your block as HTML. [Read about these and other settings.](https://wordpress.org/documentation/article/more-options/) ## 󠀁[Block Settings](https://wordpress.org/documentation/article/ted-embed/?output_format=md#block-settings)󠁿 **Media Settings** ![Media settings for the embed block with the toggle OFF for resizing on smaller devices.](https://wordpress.org/documentation/files/2022/04/18-media_settings_disabled- 1-2.jpg) ![Media settings for the embed block with the toggle ON for resizing on smaller devices.](https://wordpress.org/documentation/files/2022/04/17-media_settings_enabled- 2.jpg) Via the _Media Settings_ you can control the behavior of your post embed when viewed from a smaller device, like on a phone screen. The Toggle switch turns on or off the resize functionality for smaller devices. The default setting is “on” or blue. **“Off:”** This embed may not preserve its aspect ratio when the browser is resized. In the off position the toggle switch is gray. **“On:”** This embed will preserve its aspect ratio when the browser is resized. The toggle switch turns blue in the “On” position. **Advanced** 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. [⌊The advanced section lets you add a CSS class to your block.⌉⌊The advanced section lets you add a CSS class to your block.⌉[ The advanced section lets you add a CSS class to your block. ## 󠀁[Changelog](https://wordpress.org/documentation/article/ted-embed/?output_format=md#changelog)󠁿 * Updated 2022-11-25 - Removed redundant content - Aligned images for mobile view - Added alt text to images - Removed Reusable blocks * Updated 2022-04-27 - Replaced TED screenshots with 5.9 version. - Updated text to match the screenshots * Updated 2020-09-02 - Replaced TED screenshots with 5.5 version. * Updated 2020-08-19 - Replaced “More Options” – new screenshot - Added “Move To” and “Copy” section under More Options * Updated 2020-06-18 - Fixed the ‘Block Setting’ section as the advance heading was in the wrong place. - Featured image added. * Updated 2020-06-04 - Uploaded images to the media library and replaced old images. * Created 2020-06-04 ## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/ted-embed/?output_format=md#respond)󠁿 [Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fted-embed%2F&locale=en_US). If you need support with something that wasn't covered by this article, please post your question in the [support forums](https://wordpress.org/support/forums/). First published June 4, 2020 Last updated June 8, 2024