A little survey of the state of the art in embeds across the web

gistfile1.html

Google+:
<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the widget to render. -->
<div class="g-post" data-href="https://plus.google.com/105037104815911535953/posts/UmRCitJhbGd"></div>

Facebook:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/photo.php?fbid=593929277310086&amp;set=a.229737897062561.56301.193742123995472&amp;type=1" data-width="550"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/photo.php?fbid=593929277310086&amp;set=a.229737897062561.56301.193742123995472&amp;type=1">Post</a> by <a href="https://www.facebook.com/ThisIsTheVerge">The Verge</a>.</div></div>

Twitter:
<blockquote class="twitter-tweet"><p>Currently: <a href="http://t.co/HUc12qlLke">http://t.co/HUc12qlLke</a></p>&mdash; Adewale Oshineye (@ade_oshineye) <a href="https://twitter.com/ade_oshineye/statuses/377375408141787136">September 10, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Instagram: 
<iframe src="//instagram.com/p/dFeyzLRJQ2/embed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

Flickr:
<a href="http://www.flickr.com/photos/adewale_oshineye/9573934497/" title="The situation at R4 is an especially fun instance of recursive seki by adewale_oshineye, on Flickr"><img src="http://farm4.staticflickr.com/3719/9573934497_ed31734443.jpg" width="478" height="500" alt="The situation at R4 is an especially fun instance of recursive seki"></a>

Pinterest:
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

<a data-pin-do="embedBoard" href="http://pinterest.com/adewale/indoor-hammocks/"></a>
<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

Github Gists:
<script src="https://gist.github.com/adewale/6545240.js"></script>

Youtube:
<iframe width="640" height="390" src="http://www.youtube.com/embed/M7lc1UVf-VE" frameborder="0" allowfullscreen></iframe>

<div id="ytplayer"></div>
<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE'
    });
  }
</script>