Learning oEmbed: Convert Links Into Embedded Content

December 29th, 2009 admin

In this tutorial I want to illustrate how to use oEmbed API to display embedded content (such as Flickr photos, YouTube or Vimeo videos) in your website. What’s oEmbed ? oEmbed is a format for allowing an embedded representation of a URL on third party sites (YouTube, Flickr, Vimeo, Viddler, …). Where is oEmbed used? Facebook probably has one of the most popular implementation of oEmbed. For example, when you copy a link from YouTube into your status bar, Facebook converts this link into an embedded movie. How you can implement this feature? It’s really simple using jQuery oEmbed an easy to use jQuery plugin that help …


Originally posted on Woork

 
  Related Posts
jQuery Lesson Series: How To Use JSON with Twitter and Flickr API
jQuery Lesson Series: How To Use JSON with Twitter and Flickr API
In this post I want to illustrate how to use jQuery getJSON() method to load JSON data using an HTTP GET request. I prepared two examples, easy to understand if you are a jQuery beginner. The first example is a simple Twitter search and the second one is a simple Flickr search. For a printable reference guide to the jQuery API I suggest you to... 
jQuery Lesson Series: How to Implement Your First Plugin
jQuery Lesson Series: How to Implement Your First Plugin
Building a jQuery plugin is relatively easy if you know the basics. In this article we are going to build a simple plugin which highlights (actually blinks) the link, paragraph, span or any text element on the page. For a printable reference guide to the jQuery API I suggest you to download this interesting jQuery Visual Cheat Sheet designed by... 
Beautify Broken Links With Catch404
Beautify Broken Links With Catch404
The 404 error is one of the bitter realities of the web. “The page you’ve requested does not exist.” So cold and unforgiving. Unlike a bad database connection or an unresponsive server, the 404 Page Not Found error has a finality to it — this link is dead and it’s never coming back. But now we have Catch404 by Addy... 
Learning jQuery: Your First jQuery Plugin, "BubbleUP"
A jQuery tutorial which helps you create your own jQuery Plugin. Learning jQuery with a fun and easy way to generate a bubble effect for your menu list and we’re going to call it BubbleUP.  Read More →
Flickr Hooks Up With Facebook for Photo-Sharing Love
Flickr Hooks Up With Facebook for Photo-Sharing Love
Photo-sharing website Flickr has announced a new Facebook integration tool that syncs your Flickr photos to your Facebook account. Flickr’s sync tools are built on top of parent company Yahoo’s Updates platform , and will push photo thumbnails, titles and descriptions to your Facebook feed. Of course, Facebook also offers way to pull... 
Flickr Adds People-Tagging for Finding Friends in Photos
Flickr Adds People-Tagging for Finding Friends in Photos
Popular photo sharing service Flickr added a new feature Wednesday that lets users tag each other in photos. In addition, Flickr has updated its privacy controls, so users can opt out of being personally identified in individual photos. The new feature lets you tag particular people in pictures by drawing bounding boxes around their faces. Flickr... 
Create a Custom Content Slider with jQuery
In this tutorial, we are going to create a custom content slider. The concept behind it is pretty simple, when you click on a button, it uses jQuery scroll-To plugin to scoll the content and display the right content.  Read More →
How to Build a Simple Content Slider jQuery Plugin
How to Build a Simple Content Slider jQuery Plugin
I was recently asked by a reader to recommend a helpful content slider plugin. No doubt, there are a bunch of excellent options available — some which are, perhaps, too excellent! With so much flexibility comes extra weight; especially when sometimes you only need a simple slide or fade transition. So I figured, why not build a simple custom... 
Embedding Social Media Channels in Modern Web Design
Here are four websites entirely built over Wikipedia, Flickr, Facebook, Twitter and YouTube  Read More →
jQuery Lesson Series: How to Add Options to Plugins
Last time we learned building an optionless jQuery plugin. But without options, a plugin is nothing but a mere function. This time we are going to focus how to add options to a plugin and extend its functionality. Our sample plugin is going to be a tab navigation plugin. You can read the first part if you haven’t see the first part of this lesson.... 
  Related Tweets from Twitter
OKCStormWatcher (Donald Blondell)  : RT @atlanticwatch: However, the remnants of #Gaston have a 60% chance of cyclonic development the next 48 hrs, another area off Africa's W c..
Updated : 2010-09-04T04:55:32Z   |  Reply  |  View Tweet
FOSSwiki (FOSSwiki)  : For Outsourcing Ruby on Rails web development services, to Develop your Web 2.0 Apps, Try www.amt.in #ROR #amtindi... http://bit.ly/b7vq7M..
Updated : 2010-09-04T04:55:30Z   |  Reply  |  View Tweet
ilancaspi (Ilan Caspi)  : Learning opengl game development on iPhone. Can someone explain to me why the iPhone SDK is considered easy?..
Updated : 2010-09-04T04:55:25Z   |  Reply  |  View Tweet
hovo (DigiliteWebSolutions)  : ECommerce Solution Made Easy by a Los Angeles Based Web Development Company: Electronic Commerce, popularly known ... http://bit.ly/95d5pl..
Updated : 2010-09-04T04:55:07Z   |  Reply  |  View Tweet
Lewisham_Jobs (Lewisham_Jobs)  : Lewisham Jobs: Business Development Manager - Lending / Finance Manager: TheFinanceJob.com - Lewisham, South ... http://bit.ly/bN3y5l #Jobs..
Updated : 2010-09-04T04:54:43Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP