Add oembed support for CodePen

[mordauk]

CodePen just added support for oembed and it'd be awesome if WP core supported it.

​http://blog.codepen.io/2014/04/03/oembed/

[mordauk]

Adds CodePen.io support oembed

[mordauk]

Went ahead and wrote a plugin for it to help gauge the need for it in the community: ​http://wordpress.org/plugins/codepen-oembed/

[ocean90]

Nice stuff, but give it some time to settle in.

For reference: ​https://make.wordpress.org/core/handbook/design-decisions/#whitelisting-oembed-providers

[jtsternberg]

I believe 2 years is adequate time to settle in. :) Any reason not to add this to the whitelist now?

[johnbillion]

Answers to the questions on ​https://make.wordpress.org/core/handbook/design-decisions/#whitelisting-oembed-providers would help this get in. In addition, if Codepen supports oEmbed discovery and uses an iframe for its oEmbeds, it will be supported via the oEmbed discovery which was enabled along with WordPress embeds in 4.4.

[jtsternberg]

Replying to johnbillion:

Answers to the questions on ​https://make.wordpress.org/core/handbook/design-decisions/#whitelisting-oembed-providers would help this get in

• Is the service is popular enough for core developers to have heard of it before? Is it “mainstream?”
  • Pretty sure they've all heard of it, yes.
• If similar services are already supported, how does this service compare in terms of size, features, and backing?
  • Maybe cloudup.com is similar? But codepen, obviously, is for code only. It's a very popular service.
• Does this service have a large following on Twitter, Facebook, or other social media? Is its Twitter account verified?
  • 41.1k followers on Twitter.
• Is its oEmbed endpoint clearly established and properly documented? (Sometimes, they are just a developer’s pet project that may not be supported.)
  • Yes, established (2 years) and supported: ​http://blog.codepen.io/2014/04/03/oembed/
• Does the service make an effort to build relationships with developers, such as through robust APIs?
  • Yes, it is, after all, a service FOR developers.
• How old is the service?
  • 4 years or so, based on blog archives.
• Does it have a well-established Wikipedia article? (Seriously.)
  • No
• Has anyone written a WordPress plugin that leverages the service in some way, whether adding it as an oEmbed provider, creating a shortcode, or leveraging other APIs of the service? Do these plugins have any noticeable adoption or traction that would indicate usage and demand?
  • Yes. ​http://wordpress.org/plugins/codepen-oembed/
• Is the provider frequently proposed?
  • See this ticket.

In addition, if Codepen supports oEmbed discovery and uses an iframe for its oEmbeds, it will be supported via the oEmbed discovery which was enabled along with WordPress embeds in 4.4.

Just tested, and it appears it does indeed work w/ the discovery feature.

[jorbin]

@chriscoyier is a longtime member of the WordPress community and one of the cofounders of CodePen, so giving him an @ mention in case he has anything to say on this ticket.

I am inclined to call this worksforme as the discovery turned on in 4.4 enables CodePen embeds to 'just work' for users. The first image at the top of the ​CodePen oEmbed docs shows WordPress as an example and it isn't until you scroll down to Specifics about Using oEmbed in WordPress, they do mention the plugin, though that may not have been updated since 4.4 was released.

[chriscoyier]

Relevant things:

• We have documentation on "Embeds and WordPress" ​http://blog.codepen.io/documentation/features/wordpress-plugin/ I'm happy to keep updated.
• That documentation also notes the shortcode we offer, which allow for more control than oEmbed does. We have a separate plugin for that.
• Jetpack (super recently) added oEmbed support for CodePen, so even more precedent.

Let me know if anyone has any more questions!

[jtsternberg]

Replying to jorbin:

I am inclined to call this worksforme as the discovery turned on in 4.4 enables CodePen embeds to 'just work' for users. The first image at the top of the ​CodePen oEmbed docs shows WordPress as an example and it isn't until you scroll down to Specifics about Using oEmbed in WordPress, they do mention the plugin, though that may not have been updated since 4.4 was released.

Is their any upside, at this point, to including the built-in support to WordPress core? Performance? With discovery, it definitely seems more flexible for the long term.

[johnbillion]

Pens on CodePen include oEmbed autodiscovery headers which means, since WordPress 4.4, CodePen URLs are embeddable without the need for the site to be whitelisted. Hooray!

Replying to jtsternberg:

Is their any upside, at this point, to including the built-in support to WordPress core?

The upside would be if CodePen wanted to use an oEmbed response that included more than just an iframe.