[jquery plugin] 動画や画像を簡単に埋め込む メモ

Tatsumakiチャットを見てたら
簡単に画像や動画が埋め込めるようなってたのでプラグインをみてみました。

jquery-oembedを使うと簡単に動画や画像の埋込みができます。

divにjavascriptから埋め込む方法と、aタグにclass="oembed"を書くと
自動的に変換する方法は以下のようになります。

<html>
<head>
<title>jQuery</title>
<script src="../static/jquery-1.3.2.min.js"></script>
<script src="../static/jquery.oembed.js"></script>
</head>
<body>
<script type="text/javascript">
  $(document).ready(function() {
  $("#container").oembed("http://www.flickr.com/photos/14516334@N00/345009210/");
  $("a.oembed").oembed();
  });
</script>
<div id="container"></div>
<div><a href="http://www.flickr.com/photos/14516334@N00/345009210/" class="oembed">Flickr Image</a></div>
<div><a href="http://vimeo.com/3108686" class="oembed">Vimeo Video</a></div>
<div><a href="http://www.youtube.com/watch?v=SJdqgMdwBbY" class="oembed">You Tube</a></div>
</body>
のように書くと、このような感じで埋め込まれます。