Skip to content
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
Community

YouTube Videos, Tweets, and More – the Magic of oEmbed

CMDR Mitchcraft

Reading time: 2 minutes

I’ll be straight with you – for a long time, adding media (other than text) to WordPress just flat out sucked.  You had to switch the site to Text (HTML) mode, paste in the object/embed code, and prayed that it looked right once you were finished.  It wasn’t necessarily a fault of WordPress – it was that the methods were just not what they needed to be to advance.

Queue up responsive design, a switch away from object/embeds to iFrames (for mobile access), and… it sucked even more.  For some reason, the visual editor absolutely did not cooperate with iFrames, and it left a lot of site creators begging for a better alternative.

oEmbed, while not directly developed by WordPress, is a great standard for allowing content to easily be dropped into WordPress’ visual editor.  By simply pasting in the url (https://www.youtube.com/watch?v=rbvxlvSIIww) for the example below, WordPress will recognize the URL as a youtube video and will create the appropriate player!

Adding an oEmbed Medium to WordPress

Adding a supported oEmbed link is easy – simply paste the link into the visual editor.

Supported Sites

There are quite a few sites supported – quite a few of them brought in by the latest release of WordPress (straight from the codex:)

  • Animoto
  • Blip
  • CollegeHumor
  • DailyMotion
  • Flickr
  • FunnyOrDie
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Meetup
  • EmbedArticles
  • Mixcloud
  • Photobucket
  • PollDaddy
  • Rdio
  • Revision3
  • Scribd
  • SlideShare
  • SmugMug
  • SoundCloud
  • Spotify
  • TED
  • Twitter
  • Vimeo
  • WordPress
  • YouTube
  • iSnare

WordPress 4.0 actually makes oEmbeds even sweeter – by pasting in the link directly, the visual editor will actually show you a visual representation of what your embedded media will look like in the context of your article – neat-o!

WordPress oEmbed support is amazing. That is all.

— CMDR Mitchcraft ⚙️???? (@thatmitchcanter) October 6, 2014

  • Encryption, WordPress, Terrorism, and the Modern Web

    Encryption, WordPress, Terrorism, and the Modern Web

    Reading time: 5 minutes

    Editor’s Note: I try not to bring politics into my development discussions, but when they intersect, it’s always a good time for a teaching moment. If you leave a comment, be civil and follow the rules of having a good discussion, or I will outright delete your comments. There’s no room here for rude people.…

    WordPress
  • An Intro to WordPress 3.0 – Navigational Menus

    An Intro to WordPress 3.0 – Navigational Menus

    Reading time: 2 minutes

    WordPress 3.0 has plenty of new features, and all of them are worth mentioning and diving deeper into.  Over the next few days I’ll be diving into the finer features of the newest incarnation of the WordPress platform.  Everything from Custom Post Types and Taxonomies to navigational menus and all of the custom functions you…

    WordPress