Skip to content

ENGINEERING LEADER

WordPress Developer

Speaker & Teacher

Unapologetic Punk

Mitch Canter

  • Threads
  • Instagram
  • Bluesky
  • LinkedIn
  • GitHub
  • YouTube
Community

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

Mitch Canter

•

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

  • WordPress Tip: iTunes Integration via last.fm

    WordPress Tip: iTunes Integration via last.fm

    Reading time: 1 minute

    So, you’ve got a personal blog and want to integrate your iTunes playlist into WordPress, but don’t just want to say that you’re listening to a CD – you want to display the album art too? WordPress has a few solutions that work great.  The easiest way to do that is by utilizing the “scrobbler”…

    Tutorial, WordPress
  • WordPress 2.7 is Coming To Town!

    WordPress 2.7 is Coming To Town!

    Reading time: 1 minute

    The rumors are WordPress 2.7 will be coming to a download near you sometime tonight.  Release Candidate 1 is widely successful and I’m really looking forward to upgrading to the full version.  If you’re curious as to what the future entails, here are some great posts around the Internet showcasing the new goodness: The Official…

    WordPress
  • Home
  • About
  • Speaking
  • Articles
  • Contact