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... 
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 →
Embedding Social Media Channels in Modern Web Design
Here are four websites entirely built over Wikipedia, Flickr, Facebook, Twitter and YouTube  Read More →
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... 
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... 
14 jQuery Plugins for Enhanced Content Viewing
14 jQuery Plugins for Enhanced Content Viewing
Whether you need to display content within a limited amount of space or you just want to make a section of your website more engaging, jQuery is an excellent solution. With jQuery you can easily create accordion style content boxes, image galleries, and content sliders. Here are 14 excellent jQuery plugins for adding this type of functionality... 
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.... 
Smoother @font-face embedding in IE 7 & 8
Smoother @font-face embedding in IE 7 & 8. A fix for IE7 and IE8’s rendering issue when using embedded fonts. Check out the jQuery plugin as well.  Read More →
Quick and Easy Filtering with jQuery
Quick and Easy Filtering with jQuery
In this week’s screencast , we’ll learn how to implement quick and dirty filtering without a database. By applying some classes and a touch of jQuery, we can implement a nice little system very quickly. Overview Just yesterday, I was asked how I was able to create the simple sorting feature found on the Vault page of my blog  Read More →
  Related Tweets from Twitter
milemara (Adriana Angulo)  : http://bit.ly/8ZX9zH?q=Patricks-Day-girls-in-bondage-female-human-body-development-ff-models-porn-for-women..
Updated : 2010-03-20T14:04:24Z   |  Reply  |  View Tweet
writing4cash (Writing Cash)  : Small Businesses Can Evolve By Utilizing An SEO Service ...: ... present them with a competent development and .. http://bit.ly/9tFkgK..
Updated : 2010-03-20T14:04:18Z   |  Reply  |  View Tweet
primarypete_ (Peter Richardson)  : @Appasi interesting-ours moving towards blurring lines of subjects & making skills development the priority. That's if gov doesn't change!..
Updated : 2010-03-20T14:04:17Z   |  Reply  |  View Tweet
SerenityFdn (Serenity Foundation)  : We just kicked off our skills development program - http://www.serenityfoundation.org.uk/skills.html..
Updated : 2010-03-20T14:03:44Z   |  Reply  |  View Tweet
AdvancedMedia (Advanced Media)  : Flurry: iPhone OS application development jumped 185% in Jan/Feb 2010 compare to August/Dec 2009 due to iPad release. http://bit.ly/bidBTz..
Updated : 2010-03-20T14:03:43Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP