• 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

  • Custom Branded Google Search With WordPress

    Custom Branded Google Search With WordPress

    Reading time: 5 minutes

    I’ve been playing around with some really cool features in WordPress lately.  With my site, and a few others i’ve been working on, I’ve been toying with the “Page Template” feature that allows me to customize which elements show up on a page (like, a sidebar, specific headers, a footer, etc).  But, while working specifically…

    Tutorial, WordPress
  • 50 Days to a Better Blog–Day 5: Tags vs Categories (and more)

    50 Days to a Better Blog–Day 5: Tags vs Categories (and more)

    Reading time: 3 minutes

    This post is the fifth of an ongoing series entitled “50 Days to a Better WordPress Blog”.  During this time, Mitch will be providing small snippits of code, plugins, and things you can do to make your blog more attractive, attain new readers, and keep old ones coming back time and time again. You can…

    WordPress