OEmbed plugin para jQuery

Estou fazendo alguns testes para um sistema que lê tweets para agregar conteúdos e pensei: como fazer para que quando um texto que contenha um link pro Twitpic (por exemplo) exiba a foto?

Primeiro passo: baixe a biblioteca jquery-oembed para o seu projeto.

Imagine que você tenha a seguinte marcação html:

<p class="post">Esse é o teste com <a href="http://twitpic.com/2qabs0">http://twitpic.com/2qabs0</a> sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf sadsa dsaff adsfdsaf dsf</p>

Usando jQuery e essa biblioteca, você pode percorrer todos os p.posts e seus links e para cada um deles, jogar em uma div com classe imgarea o embed

$(" p.post a").each(function() {
   $("div.imgarea").oembed($(this).attr("href"));
});

Fontes que podem ser embedadas:

  • 5min
  • Amazon Product Images
  • Flickr
  • Google Video
  • Hulu
  • Imdb
  • Metacafe
  • Myspace Videos
  • Qik
  • Revision3
  • Screenr
  • Slideshare
  • Twitpic
  • Viddler
  • Vimeo
  • Wikipedia
  • WordPress
  • YouTube

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *