2016/06/20追記
新しいバージョンがリリースされたので、改めて紹介しました。
embed.jsはYoutubeやHTML5の動画、tiwtterやGoogleMapを始め、あらゆるものをサイトに埋め込むことができるjQueryプラグインです。
埋め込み用プラグインは色々ありますが、一つであらゆるものを埋め込むことができるというのが、良いですね。
特徴
- smile: , :heart:などのテキストコードを絵文字（笑顔やハートのマークなど）に変換します。
- テキスト中のurlを自動的にhtmlリンクに変換します。goo.glやow.ly、bit.lyなどのショートコードもサポートしています。
- YoutubeやViemoなどの動画をapiを使って埋め込みます。
- mp3やmp4、ogg、webm、ogv形式のHTML5プレイヤー対応の動画を埋め込みます。
- pdfやdoc、docs(word)、xls、xlsx(excel)、ppt(powerpoint)のプレビューを表示し、その後実際のドキュメントをフレーム内に表示します。
- サイトにコードを埋め込むことができます。
- tiwtterのツイートの埋め込みができます。
- codepen、jsbin、ideone、jsfiddle、plukerを埋め込むことができます。
- soundcloud、spotifyなどの音楽ファイルを埋め込むことができます。
- Twitch tv、dotSub、dailymotion、vine、TED、ustream、liveLeakなどの動画にも対応しています。
Googleマップの地図やストリートビューを埋め込むこともできます。
サンプル
Youtube動画は定番ですね。デモ
ツイートを埋め込めます。デモ
Codepenも埋め込めます。デモ
TEDです。デモ
GoogleMapデモ
PDFデモ
