-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>embed.js</title> <meta name=description content="A JavaScript plugin that analyses the string and automatically embeds emojis, media, maps, tweets, code and services."> <meta name=viewport content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href=favicon.e1d38bd4.ico> <link rel=apple-touch-icon href=apple-touch-icon.9727d3c2.png> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300" rel=stylesheet type=text/css> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel=stylesheet href=styles/vendor_eg.d580b2ff.css> <link rel=stylesheet href=styles/examples.02fca2c7.css> <body> <header> <a href=#left-nav id=navbar-left><div class=navbar><i class="fa fa-cog"></i></div></a> <a href="/embed.js/" id=logo><img src=images/logo.439ed97e.png srcset="images/logo@2x.5ec020f5.png 2x" alt=""></a> <nav> <a href=#sidr class=nav><i class="fa fa-bars"></i></a> <ul> <a href="/embed.js/"> <li>Home</li> </a> <a href=getting_started.html> <li>Getting Started</li> </a> <a href=doc.html> <li>Options</li> </a> <a href=api.html> <li>API</li> </a> <a href=examples.html> <li>Examples</li> </a> <a href=https://github.com/ritz078/embed.js> <li><i class="fa fa-github"></i></li> </a> </ul> </nav> <div id=sidr-right> <!-- Your content --> <ul> <li><a href="/embed.js/">Home</a></li> <li><a href=getting_started.html>Getting Started</a></li> <li><a href=doc.html>Options</a></li> <li><a href=api.html>API</a></li> <li><a href=examples.html>Examples</a></li> <li><a href=https://github.com/ritz078/embed.js>Github</a></li> </ul> </div> </header> <div class=left-nav id=left-nav> <ul> <a href=#basic> <li>Basic Example</li> </a> <a href=#youtube> <li>Youtube video with preview</li> </a> <a href=#markdown> <li>Markdown using marked.js</li> </a> <a href=#twitter> <li>Twitter</li> </a> <a href=#gist> <li>Github gist</li> </a> <a href=#code> <li>Code Highlighting</li> </a> <a href=#flickr> <li>Flickr</li> </a> <a href=#gmap> <li>Google Map</li> </a> <a href=#sound> <li>SoundCloud and Spotify</li> </a> <a href=#video> <li>Basic video</li> </a> <a href=#videojs> <li>video.js support for video</li> </a> <a href=#vine> <li>vine</li> </a> <a href=#codepen> <li>codepen</li> </a> <a href=#inline> <li>Inline embed</li> </a> </ul> </div> <div class=container> <h5 id=basic>Basic Example</h5> <p data-height=250 data-theme-id=21076 data-slug-hash=QjZded data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/QjZded/">embed.js-basic demo</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=youtube>Youtube video with preview</h5> <p data-height=406 data-theme-id=21076 data-slug-hash=JYmJML data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/JYmJML/">embed.js-youtube with preview</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=markdown>Markdown Support</h5> <p data-height=900 data-theme-id=21076 data-slug-hash=bVmPrX data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/bVmPrX/">embed.js-Markdown Support</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=twitter>Twitter support</h5> <p data-height=550 data-theme-id=21076 data-slug-hash=XmLGJe data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/XmLGJe/">embed.js-twitter</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=gist>Github gist support</h5> <p data-height=350 data-theme-id=21076 data-slug-hash=gaNEYJ data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/gaNEYJ/">embed.js-gist</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=code>Code highlighting</h5> <p data-height=400 data-theme-id=21076 data-slug-hash=NGZJKq data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/NGZJKq/">embed.js-code highlight</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=flickr>Flickr</h5> <p data-height=800 data-theme-id=21076 data-slug-hash=rOEPXw data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/rOEPXw/">embed.js-flickr support</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=gmap>Google Map</h5> <p data-height=800 data-theme-id=21076 data-slug-hash=OyBrgX data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/OyBrgX/">embed.js-Google map</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=sound>Soundcloud and spotify</h5> <p data-height=500 data-theme-id=21076 data-slug-hash=rOERWY data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/rOERWY/">embed.js-soundcloud and spotify</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=video>Basic video</h5> <p data-height=750 data-theme-id=21076 data-slug-hash=bVPZgE data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/bVPZgE/">embed.js-mp4 support</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=videojs>video.js support</h5> <p data-height=750 data-theme-id=21076 data-slug-hash=KdjEWa data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/KdjEWa/">embed.js-video.js </a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=vine>vine</h5> <p data-height=600 data-theme-id=21076 data-slug-hash=WQqmOG data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/WQqmOG/">embed.js-vine</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=codepen>codepen</h5> <p data-height=700 data-theme-id=21076 data-slug-hash=vNqPZw data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/vNqPZw/">embed.js-codepen</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> <h5 id=inline>Inline embedding</h5> <p data-height=800 data-theme-id=21076 data-slug-hash=JYQVKg data-default-tab=result data-user=ritz078 class=codepen>See the Pen <a href="http://codepen.io/ritz078/pen/JYQVKg/">embed.js-inline</a> by Ritesh Kumar (<a href=http://codepen.io/ritz078>@ritz078</a>) on <a href=http://codepen.io>CodePen</a>.</p> </div> <footer> <span>Copyright © 2015 | Made by <a href=https://twitter.com/ritz078 target=_blank>Ritesh Kumar</a></span> </footer> <script src=//assets.codepen.io/assets/embed/ei.js></script> <script src=scripts/vendor_example.a6236245.js></script> <script src=scripts/examples.977a8fb5.js></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function (b, o, i, l, e, r) {
0 commit comments