あらゆる動画や音楽などの埋め込み対応したjQueryプラグイン jquery-oembed-all

Tweet

238

YOUTUBEやDailymotion、Vimeoなどの動画サイトの埋め込みや、flickerやtwitpicなどの画像の埋め込み、SoundCloudなどのオーディオの埋め込み、その他Wordpressやamazon、Wikipediaなどの埋め込みにも幅広く対応したjQueryプラグインです。

jquery-oembed-all

https://github.com/starfishmod/jquery-oembed-all

こちらのプラグインのライセンスはMITとなっています。

必要なファイルは ダウンロードしたZIPの中にある以下の二つ

• jquery.oembed.js
• jquery.oembed.css
  

jQueryと必要なファイルをHTMLで読み込みます。

そして、以下のスクリプトで対象のリンクを埋め込みにします

<script>
 $(function(){
  $("a.embed").oembed();
 });
</script>

a.embed のところに対象となる aタグを指定します。 例えば #content .post a としてコンテンツ内のaタグを全て対象にして 埋め込みを追加する事が出来ます。

こちらのプラグインは、短縮リンクにも対応しており、短縮リンクになっているURLでも埋め込みを自動で入れることが可能です。また、amazonのアフィリエイトにも対応していたりする。

<script>
 $(".oembed").oembed(null,{
  embedMethod: 'auto', // "auto", "append", "fill" 
  apikeys: {
  amazon : '<your amazon key>',
  }
 });
</script>

Tweet

短縮URL:

2015年04月29日 WEB制作系 コード・プラグイン jQueryyoutueb