さんまがおいしい季節だねー(´・ω・`)

112種類のウェブサービスのコンテンツを簡単に埋め込めるウェブサービス embed.ly

ウェブアプリ — タグ: — さくら @ 2010/08/27 14:58

ゆーすけべーさんが Twib! をリニューアルしたらしいんですが、新型 Twib! で使用されてる embed.ly というウェブサービスが超便利っぽいので使い方とか調べてみました。

embed.ly

embed.ly が提供しているのは、REST 形式で URL を送ると、その URL のコンテンツを埋め込むための HTML を JSON/JSONP で返してくれる API です。embed.ly の API を使うと自サイトへのコンテンツ埋め込みが簡単に行えます。

四の五の説明するよりも実例見てもらった方が早いと思いますのでそうします。

まず embed.ly を使って YouTube ビデオクリップを埋め込んでみます。

次は Twitter を埋め込んだ例です。

embed.ly を使ってコンテンツを埋め込むには、http://api.embed.ly/v1/api/oembed?url=URL にアクセスすると JSON/JSONP 形式でコンテンツに関するデータが返ってきますので、返ってきたデータの html プロパティをそのまま HTML に埋め込めば出来上がりです。

コンテンツのサイズを制御する場合は、maxwidth や maxheight パラメータを付けて API を呼び出すと指定の幅/高さに収まるようにコンテンツの大きさを調整してくれます。

この記事では WordPress にライブラリを取り込むのが面倒だったので使いませんでしたが、Python、PHP、Ruby、JavaScript (jQuery) のライブラリも用意されていますのですぐ組み込めると思います。

現在 embed.ly では YouTube、Flickr、Amazon、CNN、GitHub 等112 種類のコンテンツの埋め込みをサポートしています。

embed.ly

embed.ly は海外のサービスですのでニコニコ動画などの国内サービスはサポートしていないようですが、YouTube や UStream、Facebook に MySpace などなど海外の主要サービスはほとんどサポートしていますので、コンテンツ埋め込みが必要なウェブサイトを作る際はとりあえず抑えとけばよろしいんじゃないでしょうか。

16件のコメント »

  1. [...] 112種類のウェブサービスのコンテンツを簡単に埋め込めるウェブサービス embed.ly « ゆっくり…して…イってネ! [...]

  2. What’s up to all, it’s really a nice for me to go to see this web page, it includes important Information.

    コメント by Denisha — 2012 年 9 月 20 日 @ 17:55
  3. Its such as you read my mind! You appear to grasp so much approximately this, such
    as you wrote the guide in it or something.
    I feel that you can do with a few p.c. to power the message home a little bit,
    but instead of that, that is great blog. A fantastic read.
    I will certainly be back.

    コメント by グッチ アウトレット — 2012 年 10 月 9 日 @ 20:15
  4. Hello There. I found your blog the usage of msn. That is an extremely well
    written article. I’ll be sure to bookmark it and return to read more of your useful information. Thanks for the post. I’ll certainly return.

    コメント by グッチ トート バッグ — 2012 年 10 月 11 日 @ 19:27
  5. Awesome post.

    コメント by adsense method — 2014 年 6 月 29 日 @ 22:10
  6. You really make it seem so easy along with your presentation but I in finding this topic
    to be actually something that I think I would by no means understand.
    It kind of feels too complex and very wide for me. I am having
    a look forward on your subsequent submit, I will
    attempt to get the hold of it!

  7. Thank you, I have recently been searching for info about this subject
    for a while and yours is the best I have discovered so
    far. However, what in regards to the bottom line?
    Are you positive about the source?

    コメント by kik android emoji — 2014 年 8 月 23 日 @ 13:31
  8. My partner and I absolutely love your blog and find
    nearly all of your post’s to be precisely what I’m looking for.
    Do you offer guest writers to write content to
    suit your needs? I wouldn’t mind writing a post or elaborating on most of the subjects you write in relation to here.
    Again, awesome website!

    コメント by kik android notifications — 2014 年 8 月 24 日 @ 01:24
  9. you’re in point of fact a good webmaster. The website loading pace is incredible.
    It sort of feels that you’re doing any unique trick.
    Moreover, The contents are masterwork. you have performed a excellent job on this topic!

  10. This is very interesting, You are a very skilled blogger.
    I have joined your feed and look forward to seeking more of your magnificent post.
    Also, I have shared your web site in my social networks!

    コメント by kik messenger apk 6.6 — 2014 年 8 月 24 日 @ 18:41
  11. Everything is very open with a really clear description of
    the issues. It was definitely informative. Your site is
    extremely helpful. Thanks for sharing!

  12. Asking questions are in fact good thing if you are not understanding something fully, however this article presents pleasant understanding even.

    コメント by kik android market — 2014 年 8 月 26 日 @ 21:51
  13. Aw, this was an extremely nice post. Taking a few minutes
    and actual effort to produce a very good article… but what can I say… I procrastinate a lot
    and never seem to get nearly anything done.

    コメント by kik android hack — 2014 年 9 月 18 日 @ 15:34
  14. In order to obtain pre-sale tickets, you have to be a member of their
    LIFAD. But the player has to shoot him just before he smashes
    his head on the ground. When browsing online for these deer hunting games, it will likely be noticed that there are numerous websites that focus on this
    requirement.

    コメント by pinkly — 2015 年 8 月 29 日 @ 10:05
  15. I know you asked two days ago, but just in case you haven’t already bought your ingredients; I make a pomegranate herb It’s really refreshing, no mayo and it has a nice crunch to

    コメント by baby-shower-invites — 2016 年 11 月 28 日 @ 03:32
  16. Very great post. I just stumbled upon your blog and wanted to say that I have truly enjoyed surfing around your
    weblog posts. After all I’ll be subscribing on your
    feed and I am hoping you write again very soon!

    コメント by Campervan Hire Adelaide — 2017 年 7 月 26 日 @ 00:02

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする

Copyright © 2017 さくらたんどっとびーず | powered by WordPress with Barecity