Ted Embed Code Generator

Free tool for adding a responsive Ted embed to your website.

Customization options

  • Ted URL
  • Size settings
  • Sizing mode
  • Aspect ratio
  • Width (in px)
  • Height (in px)

Ted embed code

How to embed Ted content using this tool?

Screenshot of url input

Paste a Ted link

Paste a Ted link in the URL field on the top of the left column.

Screenshot of customization options

Set custom Ted player options

Ted player supports many customization options like responsivity, aspect ratio and many more!

Screenshot of copy button

Copy generated HTML code

Copy generated HTML embed code with Ted content! Use it on your WordPress website, PowerPoint presentation or in email.

Supported Ted embed generator options

Explanation of all supported Ted embedding options. Use below options to improve Ted HTML iframe code embedded on your website.

responsive

The "responsive" option strech a Ted embedded video to a full width of a website or a HTML container.

aspect ratio

The "aspect ratio" option always keeps the shape of the embedded Ted player.

width and height

Appears only when the responsive option is off. Manual customization of width and height of embedded Ted player. When the aspect ratio option is set the height will automatically recalculate based on the width.

Supported Ted URLs

  • https://ted.com/talks/<video-id>

  • https://www.ted.com/talks/<video-id>

  • https://embed.ted.com/talks/<video-id>