RubyGems - onebox - Versions diffs - 1.1.0 → 1.2.0 - Mend

onebox 1.1.0 → 1.2.0

Files changed (171) hide show

checksums.yaml +4 -4
data/.gitignore +1 -0
data/.rubocop.yml +7 -452
data/Gemfile +1 -1
data/README.md +23 -45
data/lib/onebox.rb +21 -13
data/lib/onebox/engine.rb +53 -43
data/lib/onebox/engine/amazon_onebox.rb +34 -7
data/lib/onebox/engine/classic_google_maps_onebox.rb +37 -0
data/lib/onebox/engine/github_blob_onebox.rb +27 -7
data/lib/onebox/engine/github_commit_onebox.rb +8 -15
data/lib/onebox/engine/github_gist_onebox.rb +10 -10
data/lib/onebox/engine/github_pullrequest_onebox.rb +7 -15
data/lib/onebox/engine/google_play_app_onebox.rb +30 -0
data/lib/onebox/engine/html.rb +10 -1
data/lib/onebox/engine/image_onebox.rb +13 -0
data/lib/onebox/engine/stack_exchange_onebox.rb +25 -11
data/lib/onebox/engine/standard_embed.rb +48 -0
data/lib/onebox/engine/twitter_status_onebox.rb +100 -0
data/lib/onebox/engine/whitelisted_generic_onebox.rb +223 -0
data/lib/onebox/engine/wikipedia_onebox.rb +27 -5
data/lib/onebox/engine/youtube_onebox.rb +22 -0
data/lib/onebox/helpers.rb +24 -0
data/lib/onebox/layout.rb +67 -0
data/lib/onebox/layout_support.rb +16 -0
data/lib/onebox/matcher.rb +6 -1
data/lib/onebox/preview.rb +19 -6
data/lib/onebox/version.rb +1 -1
data/lib/onebox/view.rb +7 -12
data/onebox.gemspec +7 -5
data/spec/fixtures/amazon.response +1336 -2971
data/spec/fixtures/githubblob.response +49 -921
data/spec/fixtures/{android.response → googleplayapp.response} +1 -1
data/spec/fixtures/stackexchange.response +1 -1889
data/spec/fixtures/twitterstatus.response +3006 -0
data/spec/fixtures/youtube-json.response +1 -0
data/spec/fixtures/youtube.response +1625 -0
data/spec/lib/onebox/engine/amazon_onebox_spec.rb +5 -20
data/spec/lib/onebox/engine/classic_google_maps_onebox_spec.rb +28 -0
data/spec/lib/onebox/engine/github_blob_onebox_spec.rb +6 -15
data/spec/lib/onebox/engine/github_commit_onebox_spec.rb +14 -22
data/spec/lib/onebox/engine/github_gist_onebox_spec.rb +6 -14
data/spec/lib/onebox/engine/github_pullrequest_onebox_spec.rb +14 -26
data/spec/lib/onebox/engine/google_play_app_onebox_spec.rb +28 -0
data/spec/lib/onebox/engine/html_spec.rb +4 -6
data/spec/lib/onebox/engine/json_spec.rb +4 -6
data/spec/lib/onebox/engine/stack_exchange_onebox_spec.rb +4 -17
data/spec/lib/onebox/engine/twitter_status_onebox_spec.rb +103 -0
data/spec/lib/onebox/engine/whitelisted_generic_onebox_spec.rb +51 -0
data/spec/lib/onebox/engine/wikipedia_onebox_spec.rb +4 -17
data/spec/lib/onebox/engine/youtube_onebox_spec.rb +17 -0
data/spec/lib/onebox/engine_spec.rb +35 -32
data/spec/lib/onebox/layout_spec.rb +77 -0
data/spec/lib/onebox/matcher_spec.rb +0 -15
data/spec/lib/onebox/preview_spec.rb +39 -9
data/spec/lib/onebox_spec.rb +15 -11
data/spec/spec_helper.rb +60 -4
data/spec/support/html_spec_helper.rb +2 -1
data/templates/_layout.mustache +11 -4
data/templates/amazon.mustache +4 -3
data/templates/githubblob.mustache +7 -5
data/templates/githubcommit.mustache +20 -11
data/templates/githubpullrequest.mustache +19 -12
data/templates/googleplayapp.mustache +4 -0
data/templates/stackexchange.mustache +19 -3
data/templates/twitterstatus.mustache +12 -0
data/templates/whitelistedgeneric.mustache +5 -0
data/templates/wikipedia.mustache +4 -3
metadata +57 -166
data/lib/onebox/engine/bliptv_onebox.rb +0 -28
data/lib/onebox/engine/clikthrough_onebox.rb +0 -25
data/lib/onebox/engine/college_humor_onebox.rb +0 -27
data/lib/onebox/engine/dailymotion_onebox.rb +0 -28
data/lib/onebox/engine/dotsub_onebox.rb +0 -27
data/lib/onebox/engine/example_onebox.rb +0 -24
data/lib/onebox/engine/flickr_onebox.rb +0 -26
data/lib/onebox/engine/funny_or_die_onebox.rb +0 -28
data/lib/onebox/engine/hulu_onebox.rb +0 -29
data/lib/onebox/engine/imgur_image_onebox.rb +0 -26
data/lib/onebox/engine/itunes_onebox.rb +0 -28
data/lib/onebox/engine/kinomap_onebox.rb +0 -27
data/lib/onebox/engine/nfb_onebox.rb +0 -28
data/lib/onebox/engine/open_graph.rb +0 -11
data/lib/onebox/engine/qik_onebox.rb +0 -25
data/lib/onebox/engine/revision3_onebox.rb +0 -27
data/lib/onebox/engine/slideshare_onebox.rb +0 -27
data/lib/onebox/engine/sound_cloud_onebox.rb +0 -27
data/lib/onebox/engine/spotify_onebox.rb +0 -27
data/lib/onebox/engine/ted_onebox.rb +0 -28
data/lib/onebox/engine/twitter_onebox.rb +0 -31
data/lib/onebox/engine/viddler_onebox.rb +0 -28
data/lib/onebox/engine/vimeo_onebox.rb +0 -27
data/lib/onebox/engine/yfrog_onebox.rb +0 -28
data/spec/fixtures/bliptv.response +0 -724
data/spec/fixtures/clikthrough.response +0 -1472
data/spec/fixtures/collegehumor.response +0 -1272
data/spec/fixtures/dailymotion.response +0 -575
data/spec/fixtures/dotsub.response +0 -1257
data/spec/fixtures/example.response +0 -50
data/spec/fixtures/flickr.response +0 -1292
data/spec/fixtures/funnyordie.response +0 -2010
data/spec/fixtures/githubgist.response +0 -468
data/spec/fixtures/hulu.response +0 -339
data/spec/fixtures/imguralbum.response +0 -941
data/spec/fixtures/imgurimage.response +0 -872
data/spec/fixtures/itunes.response +0 -402
data/spec/fixtures/kinomap.response +0 -299
data/spec/fixtures/nfb.response +0 -810
data/spec/fixtures/opengraph.response +0 -27
data/spec/fixtures/qik.response +0 -371
data/spec/fixtures/revision3.response +0 -985
data/spec/fixtures/rottentomatoesfresh.response +0 -3275
data/spec/fixtures/rottentomatoesincomplete.response +0 -2313
data/spec/fixtures/rottentomatoesrotten.response +0 -3549
data/spec/fixtures/slideshare.response +0 -1745
data/spec/fixtures/soundcloud.response +0 -1409
data/spec/fixtures/spotify.response +0 -250
data/spec/fixtures/ted.response +0 -1341
data/spec/fixtures/twitter.response +0 -1712
data/spec/fixtures/viddler.response +0 -442
data/spec/fixtures/vimeo.response +0 -571
data/spec/fixtures/yfrog.response +0 -464
data/spec/lib/onebox/engine/bliptv_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/clikthrough_onebox_spec.rb +0 -29
data/spec/lib/onebox/engine/college_humor_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/dailymotion_onebox_spec.rb +0 -39
data/spec/lib/onebox/engine/dotsub_onebox_spec.rb +0 -39
data/spec/lib/onebox/engine/example_onebox_spec.rb +0 -21
data/spec/lib/onebox/engine/flickr_onebox_spec.rb +0 -33
data/spec/lib/onebox/engine/funny_or_die_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/hulu_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/imgur_image_onebox_spec.rb +0 -29
data/spec/lib/onebox/engine/itunes_onebox_spec.rb +0 -29
data/spec/lib/onebox/engine/kinomap_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/nfb_onebox_spec.rb +0 -38
data/spec/lib/onebox/engine/open_graph_spec.rb +0 -27
data/spec/lib/onebox/engine/qik_onebox_spec.rb +0 -38
data/spec/lib/onebox/engine/revision3_onebox_spec.rb +0 -39
data/spec/lib/onebox/engine/slideshare_onebox_spec.rb +0 -33
data/spec/lib/onebox/engine/sound_cloud_onebox_spec.rb +0 -39
data/spec/lib/onebox/engine/spotify_onebox_spec.rb +0 -36
data/spec/lib/onebox/engine/ted_onebox_spec.rb +0 -33
data/spec/lib/onebox/engine/twitter_onebox_spec.rb +0 -47
data/spec/lib/onebox/engine/viddler_onebox_spec.rb +0 -39
data/spec/lib/onebox/engine/vimeo_onebox_spec.rb +0 -37
data/spec/lib/onebox/engine/yfrog_onebox_spec.rb +0 -33
data/spec/lib/onebox/view_spec.rb +0 -16
data/templates/bliptv.mustache +0 -5
data/templates/clikthrough.mustache +0 -4
data/templates/collegehumor.mustache +0 -5
data/templates/dailymotion.mustache +0 -5
data/templates/dotsub.mustache +0 -5
data/templates/example.mustache +0 -2
data/templates/flickr.mustache +0 -4
data/templates/funnyordie.mustache +0 -6
data/templates/githubgist.mustache +0 -3
data/templates/hulu.mustache +0 -6
data/templates/imgurimage.mustache +0 -3
data/templates/itunes.mustache +0 -4
data/templates/kinomap.mustache +0 -5
data/templates/nfb.mustache +0 -5
data/templates/qik.mustache +0 -4
data/templates/revision3.mustache +0 -5
data/templates/slideshare.mustache +0 -4
data/templates/soundcloud.mustache +0 -5
data/templates/spotify.mustache +0 -4
data/templates/ted.mustache +0 -5
data/templates/twitter.mustache +0 -7
data/templates/viddler.mustache +0 -5
data/templates/vimeo.mustache +0 -5
data/templates/yfrog.mustache +0 -4

data/spec/fixtures/viddler.response DELETED Viewed

@@ -1,442 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>"Viddler Demo" - Videos - Viddler</title>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <meta name="description" content="Get familiar with your Viddler account. Check out a full walk through of the Viddler platform led by one of our Video Specialists. " />
-  <meta name="keywords" content="Viddler, Video Sharing, Business Video Hosting" />
-  <meta content="authenticity_token" name="csrf-param" />
-<meta content="Sq7Xp75JkXehxU3F5nQB16SwTe/Lj31kOYsB0Y1CwgA=" name="csrf-token" />
-  <link rel="pingback" href="http://www.viddler.com/xmlrpc" />
-  <link rel="icon" type="image/vnd.microsoft.icon" href="//www.viddler.com/favicon.ico?v=245" />
-  <link href="//www.viddler.com/favicon.ico?v=245" rel="SHORTCUT ICON" />
-  <!--[if lt IE 9]>
-  <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-  <link href="//static8.cdn-ec.viddler.com/rails/assets/application-8a4f8574a74ac79bfb63201ef619cb0e.css" media="screen" rel="stylesheet" type="text/css" />
-  <script src="//static4.cdn-ec.viddler.com/rails/assets/application-cda06eab1d2b5a4a64ebc26f6f79cf90.js" type="text/javascript"></script>
-    <script type="text/javascript">
-      //<![CDATA[
-      window.wmodeFixNeeded = true;
-      //]]>
-    </script>
-    <script src="//cdn.static.viddler.com/js/vapi.js" type="text/javascript"></script>
-    <meta content="movie" property="og:type" />
-<meta content="Viddler Demo" property="og:title" />
-<meta content="Get familiar with your Viddler account. Check out a full walk through of the Viddler platform led by one of our Video Specialists. " property="og:description" />
-<meta content="http://thumbs.cdn-ec.viddler.com/thumbnail_2_7164f749_v2.jpg" property="og:image" />
-<meta content="https://thumbs.cdn-ec.viddler.com/thumbnail_2_7164f749_v2.jpg" property="og:image:secure_url" />
-<meta content="http://www.viddler.com/v/7164f749" property="og:url" />
-<meta content="http://www.viddler.com/player/7164f749" property="og:video" />
-<meta content="https://www.viddler.com/player/7164f749" property="og:video:secure_url" />
-<meta content="application/x-shockwave-flash" property="og:video:type" />
-<meta content="640" property="og:video:width" />
-<meta content="360" property="og:video:height" />
-    <meta href="http://www.viddler.com/oembed/?format=json&amp;url=http%3A%2F%2Fwww.viddler.com%2Fv%2F7164f749" rel="alternate" title="Viddler Demo" type="application/json+oembed" />
-    <meta href="http://www.viddler.com/oembed/?format=xml&amp;url=http%3A%2F%2Fwww.viddler.com%2Fv%2F7164f749" rel="alternate" title="Viddler Demo" type="text/xml+oembed" />
-</head>
-<body class="" id="body-single">
-  <script type="text/javascript">
-//<![CDATA[
-  match = navigator.userAgent.match(/MSIE [0-9\.]+/);
-  if (match) version = match[0].match(/[^a-z ]+/i)[0];
-  if (match && version) {
-    version = parseFloat(version);
-    if (version < 8) {
-      document.write("<div id=\"upgrade-ie\"><h3>We currently only support <b>Internet Explorer 8</b> and higher</h3><p>We have chosen to do this to increase functionality and security for our users.<br />Please <b><a href=\"http://windows.microsoft.com/en-US/internet\">upgrade your version of Internet Explorer</a></b> in order to take advantage<br />of all the functionality Viddler has to offer.</p></div>");
-	}
-	//document.getElementById('upgrade-ie').style.display = 'block';
-  }
-//]]>
-</script>
-  <div id="container">
-          <header id="header">
-  <h1 id="viddler-logo"><a href="http://www.viddler.com/">Viddler</a></h1>
-    <!-- <div id="header-login">
-      <form accept-charset="UTF-8" action="https://www.viddler.com/sessions" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="ZNig3DOsquYDwGIBmlY8Ti4i3KJlmrSMcKJ7wiLtUHI=" /></div>
-        <input id="login_username" name="login[username]" placeholder="Username" type="text" />
-        <input id="login_password" name="login[password]" placeholder="Password" type="password" />
-        <input name="commit" type="submit" value="Login" />
-        <div class="etc">
-          <a href="http://www.viddler.com/password_reset/new" class="quiet">Forgot password?</a>
-          <input id="return_to" name="return_to" type="hidden" />
-          <input name="login[rememberme]" type="hidden" value="0" /><input id="login_rememberme" name="login[rememberme]" type="checkbox" value="1" />
-          <label for="login_rememberme">Remember me</label>
-        </div>
-</form>    </div> -->
-  <nav id="main-nav">
-    <ul>
-          <li id="test-nav" class="top-level">
-            <a href="http://www.viddler.com/about" class="top-level-link top-level-link-">About</a>
-            <ul>
-                <li id="partners-nav" class="sub-level">
-                  <a href="http://www.viddler.com/about/partners" class="sub-level-link sub-level-link-">Partners</a>
-                </li>
-                <li id="customers-nav" class="sub-level">
-                  <a href="http://www.viddler.com/about/customers" class="sub-level-link sub-level-link-">Customers</a>
-                </li>
-            </ul>
-          </li>
-          <li id="test-nav" class="top-level">
-            <a href="http://www.viddler.com/features" class="top-level-link top-level-link-">Features</a>
-            <ul>
-                <li id="video-player-customization-and-branding-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/video-player-customization-and-branding" class="sub-level-link sub-level-link-">Player Customization</a>
-                </li>
-                <li id="online-video-delivery-and-security-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/online-video-delivery-and-security" class="sub-level-link sub-level-link-">Secure Delivery</a>
-                </li>
-                <li id="video-recording-uploading-and-encoding-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/video-recording-uploading-and-encoding" class="sub-level-link sub-level-link-">Upload and Encode</a>
-                </li>
-                <li id="online-video-privacy-and-restricted-access-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/online-video-privacy-and-restricted-access" class="sub-level-link sub-level-link-">Video Privacy</a>
-                </li>
-                <li id="online-video-management-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/online-video-management" class="sub-level-link sub-level-link-">Video Management</a>
-                </li>
-                <li id="online-video-analytics-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/online-video-analytics" class="sub-level-link sub-level-link-">Analytics</a>
-                </li>
-                <li id="api-nav" class="sub-level">
-                  <a href="http://www.viddler.com/features/api" class="sub-level-link sub-level-link-">API</a>
-                </li>
-            </ul>
-          </li>
-          <li id="test-nav" class="top-level">
-            <a href="http://www.viddler.com/professional-video-services" class="top-level-link top-level-link-">Professional Services</a>
-          </li>
-          <li id="add-ons-nav" class="top-level">
-            <a href="http://www.viddler.com/addons" class="top-level-link top-level-link-">Add-ons</a>
-            <ul>
-                <li id="subscriptions-monetize-online-video-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/subscriptions-monetize-online-video" class="sub-level-link sub-level-link-">Subscriptions</a>
-                </li>
-                <li id="geography-based-video-filtering-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/geography-based-video-filtering" class="sub-level-link sub-level-link-">Geo-filtering</a>
-                </li>
-                <li id="online-video-analytics-integration-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-analytics-integration" class="sub-level-link sub-level-link-">Analytics</a>
-                </li>
-                <li id="online-video-mobile-SSL-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-mobile-SSL" class="sub-level-link sub-level-link-">Mobile SSL</a>
-                </li>
-                <li id="online-video-IP-whitelisting-blocking-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-IP-whitelisting-blocking" class="sub-level-link sub-level-link-">IP Whitelisting</a>
-                </li>
-                <li id="online-video-api-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-api" class="sub-level-link sub-level-link-">API</a>
-                </li>
-                <li id="online-video-contest-manager-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-contest-manager" class="sub-level-link sub-level-link-">Contests</a>
-                </li>
-                <li id="multi-user-permissions-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/multi-user-permissions" class="sub-level-link sub-level-link-">Multi-users</a>
-                </li>
-                <li id="sub-accounts-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/sub-accounts" class="sub-level-link sub-level-link-">Sub-Accounts</a>
-                </li>
-                <li id="online-video-advertising-nav" class="sub-level">
-                  <a href="http://www.viddler.com/addons/online-video-advertising" class="sub-level-link sub-level-link-">Advertising</a>
-                </li>
-            </ul>
-          </li>
-          <li id="test-nav" class="top-level">
-            <a href="http://www.viddler.com/learning" class="top-level-link top-level-link-">Learning</a>
-          </li>
-          <li id="pricing-nav" class="top-level">
-            <a href="http://www.viddler.com/plans" class="top-level-link top-level-link-">Pricing</a>
-          </li>
-          <li class="top-level separator">|</li>
-          <li id="login-nav" class="top-level">
-            <a href="http://www.viddler.com/login" class="top-level-link top-level-link-">Login</a>
-          </li>
-      </ul>
-  </nav>
-</header>
-          <div class="o-hai">
-      <a href="/" class="call-to-action blue-cta small-cta">Learn more about Viddler for business</a>
-      <p title="I am Viddler and so can you!">Hey! <b>Viddler</b> is using <b>Viddler</b> for online video, and so can you!</p>
-      <a href="#" class="xbutton" title="Hide this">Hide this</a>
-    </div>
-      <div class="" id="content">
-<div id="single-video-container">
-  <div id="single-video" style="width: 980px; height: 551px">
-    <iframe id="viddler-7164f749" src="//www.viddler.com/embed/7164f749/?action=show&autoplay=1&controller=single_video%2Fvideo&enablejsapi=1&f=1&video_id=7164f749&viewToken=MzA6MTM3ODE2OTg5NzIwMjoyY2QwNDVmNDdkNTFiMjYyZmUyOGJhY2JlNjg0ZmJkODE1OTEyOWJm" width="980" height="551" frameborder="0" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-  </div>
-</div>
-<div class="layout la" id="single-header">
-  <div class="column-a">
-    <h2 id="single-title">Viddler Demo</h2>
-    <p id="single-stats">
-      <span>Uploaded on <b>Mar 05, 2012</b> /</span>
-      <span><b>444 </b> views /</span>
-      <span><b>551 </b> impressions /</span>
-    <span><b><span class="comment-count">0 </span></b> comments</span>
-    </p>
-    <div id="single-actions" class="section">
-        <button class="edit-video-lightbox id-7164f749" data-view-button="false" data-tab="embed">Embed</button>
-        <button class="edit-video-lightbox id-7164f749" data-view-button="false" data-tab="download">Download</button>
-    </div>
-  </div>
-  <div class="column-b">
-    <div id="single-author" class="section">
-      <div class="user-avatar">
-  <img alt="viddler" height="56" src="http://static.cdn-ec.viddler.com/avatars/bigbg_42e50c00.png" width="56" />
-</div>
-      <h3 class="shim h5">viddler</h3>
-      <a href="/channel/viddler">More from this user</a>
-    </div>
-  </div>
-</div>
-  <div class="layout lb" id="single-meta">
-      <div class="column-a">
-        <div id="single-description">
-          <h3>Description</h3>
-            <p>Get familiar with your Viddler account. Check out a full walk through of the Viddler platform led by one of our Video Specialists. </p>
-        </div>
-      </div>
-      <div class="column-b">
-        <div id="single-tags">
-  <h3>Tags</h3>
-  <ul>
-      <li>
-        <span class="tag-text">sub_title:17-minute tutorial covering the basics </span>
-      </li>
-      <li>
-        <span class="tag-text">title:Viddler 101</span>
-      </li>
-      <li>
-        <span class="tag-text">Settings</span>
-            <span class="tag-time" data-video-jump-to="768380">12:48</span>
-      </li>
-      <li>
-        <span class="tag-text">Webcam</span>
-            <span class="tag-time" data-video-jump-to="151680">2:31</span>
-      </li>
-      <li>
-        <span class="tag-text">Help</span>
-            <span class="tag-time" data-video-jump-to="713490">11:53</span>
-      </li>
-      <li>
-        <span class="tag-text">Vidgets</span>
-            <span class="tag-time" data-video-jump-to="176090">2:56</span>
-      </li>
-      <li>
-        <span class="tag-text">Upload</span>
-            <span class="tag-time" data-video-jump-to="70280">1:10</span>
-      </li>
-      <li>
-        <span class="tag-text">Add-ons</span>
-            <span class="tag-time" data-video-jump-to="668690">11:08</span>
-      </li>
-      <li>
-        <span class="tag-text">Analytics</span>
-            <span class="tag-time" data-video-jump-to="544510">9:04</span>
-      </li>
-      <li>
-        <span class="tag-text">Videos</span>
-            <span class="tag-time" data-video-jump-to="253480">4:13</span>
-      </li>
-      <li>
-        <span class="tag-text">Embed</span>
-            <span class="tag-time" data-video-jump-to="404070">6:44</span>
-      </li>
-      <li>
-        <span class="tag-text">record</span>
-            <span class="tag-time" data-video-jump-to="151680">2:31</span>
-      </li>
-      <li>
-        <span class="tag-text">Dashboard</span>
-            <span class="tag-time" data-video-jump-to="26320">0:26</span>
-      </li>
-      <li>
-        <span class="tag-text">Privacy</span>
-            <span class="tag-time" data-video-jump-to="316570">5:16</span>
-      </li>
-  </ul>
-</div>
-      </div>
-  </div>
-      </div>
-      <footer id="footer">
-  <nav id="footer-nav">
-    <ul>
-      <li>
-        <h2>Company</h2>
-        <ul>
-          <li><a href="http://www.viddler.com/about">About</a></li>
-          <li><a href="http://blog.viddler.com">Blog</a></li>
-          <li><a href="http://blog.viddler.com/category/jobs/">Jobs</a></li>
-          <li><a href="http://www.viddler.com/partners">Partners</a></li>
-        </ul>
-      </li>
-        <li>
-          <h2>Add-ons</h2>
-          <ul>
-            <li><a href="http://www.viddler.com/addons/subscriptions">Subscriptions</a></li>
-            <li><a href="http://www.viddler.com/addons/contests">Contest manager</a></li>
-            <li><a href="http://www.viddler.com/addons/advertising">Advertising</a></li>
-            <li><a href="http://www.viddler.com/addons/comscore">comScore</a></li>
-            <li><a href="http://www.viddler.com/addons/multiple-accounts">Multi-Accounts</a></li>
-          </ul>
-        </li>
-      <li>
-        <h2>Developers</h2>
-        <ul>
-          <li><a href="http://developers.viddler.com/api">API explorer</a></li>
-          <li><a href="http://developers.viddler.com/documentation">Documentation</a></li>
-        </ul>
-      </li>
-        <li>
-          <h2>Help</h2>
-          <ul>
-            <li><a href="/help/zendesk?no_login_required=true">Support center</a></li>
-          </ul>
-        </li>
-      <li>
-        <h2>Legal</h2>
-        <ul>
-          <li><a href="http://www.viddler.com/terms-of-use">Terms of use</a></li>
-          <li><a href="http://www.viddler.com/privacy-policy">Privacy</a></li>
-        </ul>
-      </li>
-    </ul>
-  </nav>
-  <div id="finis">
-    <p>&copy; 2006&ndash;2013 Viddler, Inc.</p>
-    <p>100 million served and counting</p>
-    <ul class="social">
-      <li><a href="http://www.facebook.com/viddler" target="_blank"><img alt="Facebook" src="//static8.cdn-ec.viddler.com/rails/assets/icons/facebook-ce5bb1b216dbee12427a5cbc9399f9a7.png" /></a></li>
-      <li><a href="https://twitter.com/viddler" target="_blank"><img alt="Twitter" src="//static2.cdn-ec.viddler.com/rails/assets/icons/twitter-1fb7f5e8f1310dbc279bf63c66f02db2.png" /></a></li>
-      <li><a href="https://plus.google.com/u/0/104361041185384525860" target="_blank"><img alt="Google Plus" src="//static1.cdn-ec.viddler.com/rails/assets/icons/googlePlus-54b43c35e32a822b0fe5b093bcc32dd0.png" /></a></li>
-    </ul>
-  </div>
-</footer>
-  </div>
-    <!-- Google Analytics -->
-<script type="text/javascript">
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-971344-2']);
-  _gaq.push(['_setDomainName', '.viddler.com']);
-  _gaq.push(['_trackPageview']);
-  (function() {
-    var ga = document.createElement('script');
-    ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
-        'http://www') + '.google-analytics.com/ga.js';
-    ga.setAttribute('async', 'true');
-    document.documentElement.firstChild.appendChild(ga);
-  })();
-</script>
-<!-- Google Analytics End -->
-    <!-- Start Quantcast tag -->
-<script type="text/javascript">_qoptions={qacct:"p-3ea1dOmGdnYEs"};</script>
-<script type="text/javascript" src="//edge.quantserve.com/quant.js"></script>
-<noscript><a href="//www.quantcast.com/p-3ea1dOmGdnYEs" target="_blank"><img src="//pixel.quantserve.com/pixel/p-3ea1dOmGdnYEs.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a></noscript>
-<!-- End Quantcast tag -->
-    <!-- Begin Mongoose Metrics Tracking Code -->
-<script type="text/javascript">
-var mm_c = 'b4b9a4c475922b53011ae63f97758955';
-var mm_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
-document.write(unescape("%3Cscript src='" + mm_protocol + "www.mongoosemetrics.com/jsfiles/js-correlation/mm-getvar.js' type='text/javascript'%3E%3C/script%3E"));
-</script>
-<script type="text/javascript">
-/* Custom Parameters */
-/* MANDATORY default_number Setup Parameter DO NOT REMOVE */
-var default_number='8884441119'; /* 10 Digits Only i.e. 8881234567 */
-/* Custom Parameters */
-</script>
-<script type="text/javascript">
-document.write(unescape("%3Cscript src='" + mm_protocol + "www.mongoosemetrics.com/jsfiles/js-correlation/mm-control.php%3F" + mm_variables + "' type='text/javascript'%3E%3C/script%3E"));
-</script>
-<!-- End Mongoose Metrics Tracking Code -->
-      <!-- Woopra Code Start -->
-<script type="text/javascript" src="//static.woopra.com/js/woopra.v2.js"></script>
-<script type="text/javascript">
-woopraTracker.track();
-</script>
-<!-- Woopra Code End -->
-    <!-- Start Google Remarketing tag -->
-<script type="text/javascript">
-/* <![CDATA[ */
-var google_conversion_id = 1006886010;
-var google_conversion_label = "o6GjCLadzwQQ-riP4AM";
-var google_custom_params = window.google_tag_params;
-var google_remarketing_only = true;
-/* ]]> */
-  </script>
-  <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
-  </script>
-  <noscript>
-  <div style="display:inline;">
-  <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1006886010/?value=0&amp;label=o6GjCLadzwQQ-riP4AM&amp;guid=ON&amp;script=0"/>
-  </div>
-  </noscript>
-<!-- End Google Remarketing tag -->
-</body>
-</html>

data/spec/fixtures/vimeo.response DELETED Viewed

@@ -1,571 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8">
-<meta name="viewport" content="width=1024,maximum-scale=1.0">
-<link rel="dns-prefetch" href="//player.vimeo.com">
-<link rel="dns-prefetch" href="http://av.vimeo.com">
-    <link rel="dns-prefetch" href="//a.vimeocdn.com">
-    <link rel="dns-prefetch" href="//b.vimeocdn.com">
-<meta property="fb:app_id" content="19884028963">
-            <meta property="og:title" content="108 years of Herman Miller in 108 seconds">
-            <meta property="og:description" content="To mark the launch of a new website for Hermann Miller furniture, Part of a Bigger Plan has created a short animated film telling the story of the illustrious company&#039;s&hellip;">
-            <meta property="og:image" content="http://b.vimeocdn.com/ts/443/673/443673159_1280.jpg">
-            <meta property="og:type" content="video">
-            <meta property="og:video" content="http://vimeo.com/moogaloop.swf?clip_id=70437049">
-            <meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=70437049">
-            <meta property="og:video:type" content="application/x-shockwave-flash">
-            <meta property="og:video:width" content="640">
-            <meta property="og:video:height" content="360">
-            <meta property="og:site_name" content="Vimeo">
-            <meta property="og:url" content="http://vimeo.com/70437049">
-            <meta property="video:duration" content="122">
-        <meta name="twitter:card" content="player">
-        <meta name="twitter:player" content="https://player.vimeo.com/video/70437049">
-        <meta name="twitter:player:height" content="360">
-        <meta name="twitter:player:width" content="640">
-        <meta name="twitter:app:name:iphone" content="Vimeo">
-        <meta name="twitter:app:id:iphone" content="425194759">
-        <meta name="twitter:app:url:iphone" content="vimeo://video/70437049">
-        <meta name="twitter:app:name:ipad" content="Vimeo">
-        <meta name="twitter:app:id:ipad" content="425194759">
-        <meta name="twitter:app:name:googleplay" content="Vimeo">
-        <meta name="twitter:app:id:googleplay" content="com.vimeo.android.videoapp">
-        <meta name="description" content="To mark the launch of a new website for Hermann Miller furniture, Part of a Bigger Plan has created a short animated film telling the story of the illustrious company&#039;s&hellip;">
-    <link rel="alternate" href="http://vimeo.com/api/oembed.json?url=http%3A%2F%2Fvimeo.com%2F70437049" type="application/json+oembed" title="108 years of Herman Miller in 108 seconds">
-    <link rel="alternate" href="http://vimeo.com/api/oembed.xml?url=http%3A%2F%2Fvimeo.com%2F70437049" type="text/xml+oembed" title="108 years of Herman Miller in 108 seconds">
-    <link rel="pingback" href="http://vimeo.com/_pingback">
-    <link rel="alternate" href="http://vimeo.com/m/70437049" media="only screen and (max-width: 640px)">
-    <link rel="canonical" href="/70437049">
-<link rel="apple-touch-icon-precomposed" media="(resolution: 326dpi)" href="http://a.vimeocdn.com/images_v6/apple-touch-icon-114.png">
-<link rel="apple-touch-icon-precomposed" media="(resolution: 163dpi)" href="http://a.vimeocdn.com/images_v6/apple-touch-icon-57.png">
-<link rel="apple-touch-icon-precomposed" media="(resolution: 132dpi)" href="http://a.vimeocdn.com/images_v6/apple-touch-icon-72.png">
-<link rel="search" type="application/opensearchdescription+xml" href="/search/opensearch.xml" title="Vimeo search">
-<link rel="publisher" href="https://google.com/+vimeo">
-<link rel="logo" type="image/svg" href="http://a.vimeocdn.com/images_v6/logo.svg">        <title>108 years of Herman Miller in 108 seconds on Vimeo</title>
-                        	<link rel="stylesheet" href="http://a.vimeocdn.com/styles/css_opt/global_combined.min.css?481366d7">
-	<link rel="stylesheet" href="http://a.vimeocdn.com/styles/css_opt/clip_combined.min.css?565e7668">
-	<link rel="stylesheet" href="http://a.vimeocdn.com/p/1.4.31/css/player.core.opt.css">
-	<noscript>
-		<link rel="stylesheet" href="http://a.vimeocdn.com/styles/css_opt/nojs.min.css?0a8523c">
-	</noscript>
-	<script>
-		var js_css = document.createElement('link');
-		js_css.rel = 'stylesheet'
-		js_css.href = 'http://a.vimeocdn.com/styles/css_opt/js_enabled.min.css?0a8523c';
-		document.getElementsByTagName('head')[0].appendChild(js_css);
-	</script>
-        	<style>
-					#ribbon { background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPgogICAgICAgIDxwYXR0ZXJuIGlkPSJyYWluYm93IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjEwMCUiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiMxNzIzMjciLz4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PSIxIiB3aWR0aD0iNCIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojMTkzNzJjIi8+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iNSIgd2lkdGg9Ijk5IiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiMzMjczNDQiLz4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PSIxMDQiIHdpZHRoPSIxMDMiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzQzN2U0YyIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjIwNyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiM4Njk5NTYiLz4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PSIyNDciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojYjA4ZjQyIi8+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMjY4IiB3aWR0aD0iMiIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojYjQ2ODM5Ii8+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMjcwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2E0Mzk0MSIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjI4NiIgd2lkdGg9IjEiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzljMmM1MiIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjI4NyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNiYjQyNmIiLz4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PSIzMDYiIHdpZHRoPSI0IiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiM4YTJmNWMiLz4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PSIzMTAiIHdpZHRoPSIyOSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojNmQ0MTZkIi8+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMzM5IiB3aWR0aD0iMjUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzQxMzI2NCIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjM2NCIgd2lkdGg9IjgiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzI5NDE2ZSIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjM3MiIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojNTY5MGE1Ii8+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iNDczIiB3aWR0aD0iMTEiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzJlODQ5ZCIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjQ4NCIgd2lkdGg9IjQiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzI3NjY4NiIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjQ4OCIgd2lkdGg9IjUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzIzNDM2ZSIvPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjQ5MyIgd2lkdGg9IjciIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IzE0MmEwNiIvPgogICAgICAgICAgICAgICAgPC9wYXR0ZXJuPgogICAgPC9kZWZzPgogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNyYWluYm93KSIgLz4KPC9zdmc+Cg==); }
-			</style>
-	<style>#logo_holder { background:url(http://a.vimeocdn.com/logo.svg) no-repeat; background-size:140px 40px; width:140px; height:40px; text-indent: -9999px; }</style>
-    </head>
-    <!-- Force any HTML comments inject by third parties to close -->
-    <body>
-        <div id="wrap">
-            <div id="ribbon"></div>
-            <div id="main">
-                <div id="menu_wrapper">
-                    <div id="brozar_toggle_wrapper" class="en"></div>
-<header id="site_header" class="nocontent">
-    <div class="container clearfix">
-        <a id="logo" href="https://vimeo.com" title="Go home">
-            <div id="logo_holder">Vimeo</div>
-        </a>
-        <nav class="en">
-            <ul id="menu" class="clearfix">
-                                    <li class="join">
-                        <a href="/join" class="join" data-ga-event-click="menu|join|top">Join</a>
-                    </li>
-                    <li class="login">
-                        <a href="/log_in" data-lightbox class="login" data-ga-event-click="menu|login|top">Log In</a>
-                    </li>
-                    <li class="create subnav">
-                        <a href="/create" data-ga-event-click="menu|create|top">Create</a>
-                        <ul>
-                            <li>
-                                <a href="/enhancer" data-ga-event-click="menu|enhancer|create">
-                                    <strong>Enhancer <span class="badge_new">New!</span></strong>
-                                    Easily add Looks + music to your videos.                                </a>
-                            </li>
-                            <li>
-                                <a href="/videoschool" data-ga-event-click="menu|videoschool|create">
-                                    <strong>Video School</strong> Learn how to make better videos.                                </a>
-                            </li>
-                            <li class="music">
-                                <a href="/musicstore" data-ga-event-click="menu|musicstore|create">
-                                    <strong>Music Store</strong> Get free and affordable licensed tracks.                                </a>
-                            </li>
-                            <li>
-                                <a href="/creativecommons" data-ga-event-click="menu|createivecommons|create">
-                                    <strong>Creative Commons</strong> Find licensed videos on Vimeo.                                </a>
-                            </li>
-                            <li class="last creators">
-                                <a href="/creatorservices" data-ga-event-click="menu|creatorservices|create">
-                                    <strong>Creator Services</strong>
-                                    Make money by making video.                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="watch subnav">
-                        <a href="/watch" data-ga-event-click="menu|watch|top">Watch</a>
-                        <ul>
-                            <li>
-                                <a href="/staffpicks" data-ga-event-click="menu|staffpicks|watch">
-                                    <strong>Staff Picks</strong> Hand-picked videos we like.                                </a>
-                            </li>
-                            <li>
-                                <a href="/ondemand" data-ga-event-click="menu|ondemand|watch">
-                                    <strong>On Demand <span class="badge_new">New!</span></strong>
-                                    Watch movies, series, and more.                                </a>
-                            </li>
-                            <li class="categories">
-                                <a href="/categories" data-ga-event-click="menu|categories|watch">
-                                    <strong>Categories</strong> A simple way to browse our catalog of videos.                                </a>
-                            </li>
-                            <li>
-                                <a href="/channels" data-ga-event-click="menu|channels|watch">
-                                    <strong>Channels</strong> Video showcases curated by members.                                </a>
-                            </li>
-                            <li>
-                                <a href="/groups" data-ga-event-click="menu|groups|watch">
-                                    <strong>Groups</strong> Join other members to watch and discuss.                                </a>
-                            </li>
-                            <li>
-                                <a href="/couchmode" data-ga-event-click="menu|couchmode|watch">
-                                    <strong>Couch Mode</strong>
-                                    Lean back and enjoy the Vimeo.                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                                            <li class="upload">
-                            <a href="/upload" data-ga-event-click="button|navbar_upload|upload_v6">Upload</a>
-                        </li>
-                                                </ul>
-        </nav>
-        <form action="/search" method="get" id="search_form" class="clearfix">
-            <div id="search_holder">
-                <input type="text" id="search_field" name="q" value="" title="Enter search term" placeholder="Search" data-validators="required" data-speech-enabled data-search-engine="oracle">
-                <input type="text" id="search_suggest" value="" placeholder="" disabled>
-                <input type="submit" value="s" data-submit-text="s" class="btn_search iconify" title="Search">
-            </div>
-        </form>
-    </div>
-</header>
-<div class="clear"></div>
-                </div>
-                <div id="content">
-<div id="cols" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
-        <meta itemprop="playpageUrl" content="http://vimeo.com/70437049">
-    <meta itemprop="discussionUrl" content="http://vimeo.com/70437049">
-    <meta itemprop="height" content="720">
-    <meta itemprop="width" content="1280">
-    <meta itemprop="image" content="http://b.vimeocdn.com/ts/443/673/443673159_1280.jpg">
-    <meta itemprop="thumbnailUrl" content="http://b.vimeocdn.com/ts/443/673/443673159_1280.jpg">
-    <meta itemprop="playerType" content="HTML5 Flash">
-    <meta itemprop="encodingFormat" content="MP4">
-    <meta itemprop="videoQuality" content="HD">
-    <meta itemprop="interactionCount" content="UserPlays:6241">
-    <meta itemprop="interactionCount" content="UserLikes:265">
-    <meta itemprop="interactionCount" content="UserComments:7">
-    <meta itemprop="duration" content="PT00H02M02S">
-    <meta itemprop="dateCreated" content="2013-07-16T16:26:44-04:00">
-    <meta itemprop="uploadDate" content="2013-07-16T16:26:44-04:00">
-    <meta itemprop="embedUrl" content="http://vimeo.com/moogaloop.swf?clip_id=70437049">
-    <div itemprop="provider" itemscope itemtype="http://schema.org/Organization">
-        <meta itemprop="name" content="Vimeo">
-        <meta itemprop="url" content="https://vimeo.com">
-        <meta itemprop="logo" content="http://a.vimeocdn.com/logo.svg">
-    </div>
-    <div id="clip">
-                    <div id="video">
-	<div class="vimeo_holder" style="width:960px;height:540px; background-image:url('http://b.vimeocdn.com/ts/443/673/443673159_960.jpg');">
-		<!--[if lt IE 9]><style scoped="scoped">.a.b .ac {display: block;}.a.b .br {background: #000;filter: alpha(opacity='70');}</style><![endif]--><style scoped="scoped">.f {overflow: hidden;padding: 0;margin: 0;width: 100%;height: 100%;background: transparent;}.f > div {width: 100%;height: 100%;}.f .u .at,.f .u .c {visibility: hidden !important;}.f .u .l,.f .u .j,.f .u .c {opacity: 0;filter:alpha(opacity=0);}.f .ac {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-color: #000;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;background-size: 100% auto;}.cb.u .ac + div {position: absolute;z-index: 2;opacity: 1 !important;}.f .x,.f .w {background: #000;}.f .x .ac {-webkit-background-size: auto 100% !important;-moz-background-size: auto 100% !important;background-size: auto 100% !important;}.f .w .ac {-webkit-background-size: 100% auto !important;-moz-background-size: 100% auto !important;background-size: 100% auto !important;}.f object {z-index: 2;position: absolute;}body.ab {overflow: hidden;}body.ab .f .c, .a.s .c {max-width: 50%;margin-left: -25%;left: 50%;}.bt {display: none !important;}.ao {opacity: 0 !important;filter: alpha(opacity='0');}.bo {visibility: hidden !important;}</style><div id="player_70437049_1982429097" class="f player"><style scoped="scoped">.a aside button.aa.ci:after {content: 'Remove';}.a aside button.aa:after {content: 'Later';}.a aside button.bn.ci:after {content: ' on';}.a aside button.bn:after {content: ' off';}.a button:focus {background-color: #4bf;}</style><div class="u"><div class="bi"><div class="ac bt" style="background-image: url(http://b.vimeocdn.com/ts/443/673/443673159_960.jpg);" data-thumb="http://b.vimeocdn.com/ts/443/673/443673159_960.jpg"></div></div><div class="at"><header class="l"></header><aside class="j"><button class="cy av"><canvas width="30" height="20"></canvas>Like</button><button class="aa av"><canvas width="30" height="20"></canvas></button><button class="aw av"><canvas width="30" height="20"></canvas>Share</button><button class="bn av">Scaling is</button></aside></div><div class="c"><button class="as av"><canvas width="20" height="20"></canvas></button><div class="h av"><div class="i"><canvas class="bv" height="8"></canvas><div class="bu" data-min="0" data-max="1"></div><div class="bs" data-min="0" data-max="1"></div><div class="m"><div class="o"><span>00:00</span><div class="az"></div><div class="dp"></div></div></div><div class="ag"><div class="o"><span>122</span><div class="az cr"></div><div class="az"></div></div></div></div><div class="bh"><canvas width="34" height="15"></canvas></div><div class="ar off"><button>HD</button></div><div class="s"><canvas width="12" height="12"></canvas></div></div></div><div class="d bt"></div><div class="br bt"></div></div></div>	</div>
-            </div>
-        <div id="info" class="boxed">
-<header id="page_header">
-    <div itemprop="author" itemscope itemtype="http://schema.org/Person">
-        <meta itemprop="name" content="Christian Borstlap">
-        <a href="http://vimeo.com/christianborstlap" itemprop="url">
-            <img class="portrait portrait_lg" src="http://b.vimeocdn.com/ps/605/605936_75.jpg" alt="" itemprop="image">
-        </a>
-    </div>
-    <div class="video_meta">
-        <h1 itemprop="name">108 years of Herman Miller in 108 seconds</h1>
-        <div class="byline">
-             from <a rel="author" href="/christianborstlap">Christian Borstlap</a> <a tabindex="-1" href="/plus" title="Learn more about Vimeo Plus" data-ga-event-click="button|plus_badge_click|plus"><span class="badge_plus">Plus</span></a>            <time datetime="2013-07-16T16:26:44-04:00" title="Tuesday, July 16, 2013 4:26 PM">2 weeks ago</time>
-                                    <span class="meta">
-                                                    <span class="badge_rating safe">not yet rated</span>
-                                            </span>
-                                                        </div>
-    </div>
-</header>
-<div class="description_wrapper">
-    <div class="description collapsed" data-expand-tooltip="Click to expand description" itemprop="description">
-        <p class="first">To mark the launch of a new website for Hermann Miller furniture, Part of a Bigger Plan has created a short animated film telling the story of the illustrious company&#039;s 108 years in 108 seconds. This latest short was commissioned by Hermann Miller to launch its new digital platform, WHY. It&#039;s an animated timeline of the company&#039;s history and the designers it has worked with.</p>
-<p><a href="http://www.hermanmiller.com/why.html" target="_blank" rel="nofollow">hermanmiller.com/why.html</a><br>
-<a href="http://www.partofabiggerplan.com" target="_blank" rel="nofollow">partofabiggerplan.com</a></p>    </div>
-</div>
-    <div id="tools">
-                                                                                                            <a href="javascript:void(0)" id="follow_btn" class="follow btn" title="Subscribe to videos from this member" data-lightbox data-lightbox-options="url=/log_in" data-text-loading="Loading&hellip;" data-ga-event-click="button|user_clip_follow|follow"  data-subscribed="0" data-btn-text="Follow" data-alternate-text="Following" data-alternate-hover="Unfollow" data-hover-text="Follow">Follow</a>
-                                    <a href="javascript:void(0)" class="adder btn iconify_plus_b" title="Add this video to your Channels, Groups, or Albums" data-lightbox data-lightbox-options="url=/log_in">Add to&hellip;</a>
-                            <a href="javascript:void(0)" class="btn stats viconify_stats_b" title="Show statistics for this video">Stats</a>
-                    <a href="javascript:void(0)" data-player-type="flash" class="switch_player aux hide" title="Watch this video in our flash player"><span class="iconify">9</span> Switch to Flash Player</a>
-            <a href="javascript:void(0)" data-player-type="html" class="switch_player aux hide" title="Watch this video in our HTML5 player"><span class="iconify">9</span> Switch to HTML5 Player</a>
-        <div id="follow" class="video_more hide"></div>
-        <div id="adder" class="video_more hide"></div>
-        <div id="stats" class="video_more hide"></div>
-        <div id="download" class="video_more hide"></div>
-        <div id="tipjar" class="video_more hide"></div>
-    </div>
-<script>
-    var ClipConfig = {"clip_id":70437049,"url":"\/70437049","title":"108 years of Herman Miller in 108 seconds","user_id":3583904,"user_url":"\/christianborstlap","name":"Christian Borstlap","context":""};
-</script>
-        </div>
-    </div>
-                        <div id="ad">
-                <section data-type="main:clip:70437049" class="block ad_box">
-    <iframe src="//ad.doubleclick.net/adi/5480.iac.vimeo/clip;sec=false;sz=300x250;clipid=70437049;user_type=logged_out;?" width="300" height="250" frameborder="0" scrolling="no">
-        <script language="JavaScript" src="//N5480/adi/5480.iac.vimeo/clip;sec=false;sz=300x250;clipid=70437049;user_type=logged_out;?" type="text/javascript"></script>
-        <noscript><a href="//ad.doubleclick.net/jump/5480.iac.vimeo/clip;sec=false;sz=300x250;clipid=70437049;user_type=logged_out;?" target="_blank"><img src="//ad.doubleclick.net/ad/5480.iac.vimeo/clip;sec=false;sz=300x250;clipid=70437049;user_type=logged_out;?"></a></noscript>
-    </iframe>
-</section>            </div>
-        <div class="js-extras-wrapper extras_wrapper clearfix">
-            <div class="js-extras" id="extras"></div>
-            <div class="extras_loading js-extras-load-indicator">
-                <p class="loading js-loading-text">Loading more stuff&hellip;</p>
-                <p class="js-extras-retry notice hide">
-                    Hmm&hellip;it looks like things are taking a while to load. <a class="js-extras-retry-btn" href="/70437049">Try again</a>?                </p>
-            </div>
-        </div>
-                    <div id="google_afc_ads" data-type="afc" class="google_ad ad_box"></div>
-<script>
-    var google_ad_client = 'ca-iwon-vimeo',
-        google_ad_output = 'js',
-        google_max_num_ads = '3',
-        google_ad_type = 'text',
-        google_encoding = 'utf8',
-        google_hints = '108 years of Herman Miller in 108 seconds';
-    function google_ad_request_done(google_ads) {
-        console.log(google_ads);
-        $('google_afc_ads').inject(google_ads);
-    }
-</script>
-        <div id="brozar" class="hide">
-            <h3 class="loading">
-                Loading videos&hellip;            </h3>
-        </div>
-    </div>
-                </div>
-                <footer id="site_footer">
-    <div class="container">
-        <section>
-            <h4 class="blue">Vimeo</h4>
-            <ul>
-                <li>
-                    <a href="/about">
-                        About Vimeo                    </a>
-                </li>
-                <li>
-                    <a href="/blog">
-                        Vimeo Blog                    </a>
-                </li>
-                                    <li>
-                        <a href="/help/guidelines">
-                        Vimeo Guidelines                        </a>
-                    </li>
-                                <li>
-                    <a href="http://developer.vimeo.com">
-                        Developers                    </a>
-                </li>
-                <li>
-                    <a href="/jobs">
-                        Jobs                    </a>
-                </li>
-            </ul>
-        </section>
-        <section>
-            <h4 class="yellow">Help</h4>
-            <ul>
-                <li>
-                    <a href="/help">
-                        Help Center                    </a>
-                </li>
-                <li>
-                    <a href="/help/basics">
-                        Basics                    </a>
-                </li>
-                <li>
-                    <a href="/videoschool">
-                        Video School                    </a>
-                </li>
-                <li>
-                    <a href="/help/faq">
-                        FAQ                    </a>
-                </li>
-                <li>
-                    <a href="/forums">
-                        Forums                    </a>
-                </li>
-            </ul>
-        </section>
-        <section>
-            <h4 class="pink">Upgrade</h4>
-            <ul>
-                <li>
-                    <a href="/plus">
-                        Vimeo Plus                    </a>
-                </li>
-                <li>
-                    <a href="/pro">
-                        Vimeo PRO                    </a>
-                </li>
-                <li>
-                    <a href="/business">
-                        Vimeo for Business                    </a>
-                </li>
-            </ul>
-        </section>
-        <section>
-            <h4 class="green">Upload</h4>
-            <p class="tip">
-                Upload multiple videos at faster speeds with our <a href="/upload">new uploader</a>.            </p>
-        </section>
-        <aside id="tip" aria-live="polite">
-    <h4>Did you know?</h4>
-    <p id="tip_content"><a href="/videoschool/lesson/207/the-art-of-lens-whacking">Lens whacking</a> is not as destructive as it sounds. Before you go slamming your wide-angle into a wall, listen up.</p>
-    <button type="button" class="iconify_resume_b" id="get_tip"><span class="offstage">Show another tip</span></button>
-</aside>    </div>
-</footer>
-            </div>
-            <div id="footers_footer">
-    <div id="legal">
-        <p>TM + &copy; 2013 Vimeo, LLC. All rights reserved.</p>
-        <ul class="inline_list dot_list">
-            <li>
-                <a href="/terms" title="Terms &amp; Conditions">
-                    Terms                </a>
-            </li>
-            <li>
-                <a href="/privacy" title="Privacy Policy">
-                    Privacy                </a>
-            </li>
-            <li>
-                <a href="/dmca" title="Copyright Information">
-                    Copyright                </a>
-            </li>
-            <li>
-                <a href="/cookie_policy" title="Learn more about how Vimeo uses cookies">
-                    Cookies                </a>
-            </li>
-                        <li>
-                <a href="/site_map" title="Site Map">
-                    Site Map                </a>
-            </li>
-                    </ul>
-        <p class="with_love">
-            Made with <a href="/love" class="iconify loveo" title="Love">k</a> in <abbr title="New York City">NYC</abbr>.        </p>
-    </div>
-        <p class="language">Language: <a href="#language" data-lightbox data-lightbox-options="width=600px|height=275px" title="Choose a Different Language">English</a></p>
-<div class="hide">
-    <aside id="language">
-        <header>
-            <h6>Choose a Different Language</h6>
-        </header>
-        <div class="language_selector">
-            <div class="iconify_globe_b"></div>
-            <p class="language_heading">Vimeo is available in the following languages:</p>
-            <ul class="styled">
-                                    <li class="selected">
-                        <a href="javascript:void(0)" data-language="en">English</a><span class="tip">&larr; Your current language</span>                    </li>
-                                    <li>
-                        <a href="javascript:void(0)" data-language="es">Español</a>                    </li>
-                                    <li>
-                        <a href="javascript:void(0)" data-language="de-DE">Deutsch</a>                    </li>
-                                    <li>
-                        <a href="javascript:void(0)" data-language="fr-FR">Français</a>                    </li>
-                            </ul>
-        </div>
-    </aside>
-</div>
-</div>
-        </div>
-        <script>
-            // Analytics Setup
-        var _comscore = _comscore || [],
-            _gaq = _gaq || [];
-        _comscore.push({
-            c1: "2",
-            c2: "10348289"
-        });
-        _gaq.push(['_require', 'inpage_linkid', '//www.google-analytics.com/plugins/ga/inpage_linkid.js']);
-        _gaq.push(['_setAccount', "UA-76641-8"]);
-        _gaq.push(['_setDomainName', 'vimeo.com']);
-        _gaq.push(['_setAllowLinker', true]);
-        _gaq.push(['_setAllowAnchor', true]);
-        function trackHouseAd() {
-            var ga_l = document.location;
-            var ga_r = document.referrer;
-            var ga_s = ga_l.search;
-            if (ga_s.indexOf('house_ad') > -1) {
-                var house_ad_value = ga_s.match(/house_ad=([^&]+)/)[1];
-                _gaq.push(['_trackEvent', 'engagement:house-ad', house_ad_value, ga_r, undefined, true]);
-                _gaq.push(['_setCustomVar', 8, 'house_ad', house_ad_value, 1]);
-            }
-        }
-        trackHouseAd();
-        _gaq.push(['_setCustomVar', 1, 'user_status', 'logged_out', 2]);
-        _gaq.push(['_setCustomVar', 4, 'language', 'en', 3]);
-        _gaq.push(['_trackPageview']);
-    // Config
-    var CSS_DIR = 'http://a.vimeocdn.com/styles/css_opt/',
-        JS_DIR = 'http://a.vimeocdn.com/js_opt/',
-        IMAGE_DIR = 'http://a.vimeocdn.com/images_v6/',
-        BUILD_HASH = 'a07df',
-        vimeo = {
-            app_version: 'v6',
-            domain: '.vimeo.com',
-            url: 'vimeo.com',
-            xsrft: '81f683353106d7368a520648384eea5d',
-            cur_user: null,
-            config: {}        };
-    // i18n
-    var Copy = {
-        translate: function(key, plural, replacements) {
-            var translation = typeof this.dict[key] != 'object' ? this.dict[key] : (plural ? this.dict[key].plural : this.dict[key].singular);
-            if (typeof replacements === 'object') {
-                translation = this.substitute(translation, replacements);
-            }
-            return translation;
-        },
-        substitute: function(string, object){
-            if (typeof string.substitute !== 'undefined') {
-                return string.substitute(object);
-            } else {
-                return string.replace(/\\?\{([^{}]+)\}/g, function(match, name){
-                    if (match.charAt(0) == '\\') return match.slice(1);
-                    return (object[name] != null) ? object[name] : '';
-                });
-            }
-        },
-        dict: {"just_now":"just now","seconds_ago":{"singular":"{COUNT} second ago","plural":"{COUNT} seconds ago"},"minutes_ago":{"singular":"{COUNT} minute ago","plural":"{COUNT} minutes ago"},"hours_ago":{"singular":"{COUNT} hour ago","plural":"{COUNT} hours ago"},"open_comment_box":"Add new comment instead &raquo;","url_unavailable":"Sorry, this url is unavailable.","unsaved_changes_generic":"You have unsaved changes, are you sure you wish to leave?","add":"Add","remove":"Remove","no_followers_for_letter":"You don&rsquo;t follow anyone that begin with the letter &ldquo;{PAGE_LETTER}&rdquo;","share_limit_reached":"You have reached the maximum number of users to share with.","available":"Available","unavailable":"Unavailable","browse_error_generic":"Sorry, there was an error","browse_error_no_videos":"Sorry, no videos found","follow":"Follow","following":"Following","unfollow":"Unfollow","unfollowing":"Unfollowing","count_comments":{"singular":"{COUNT} comment","plural":"{COUNT} comments"},"first_comment":"Be the first to comment&hellip;","no_comments_for_you":"Forbidden. You cannot post comments on this page.","duration_input_min_duration":"The duration cannot be less than {MIN_DURATION}.","duration_input_max_duration":"The duration cannot be greater than {MAX_DURATION}.","duration_input_invalid_characters":"0-9 and : are the only acceptable inputs.","close":"Close","expand":"Expand","loading":"Loading&hellip;","top":"top","advanced_search":"Advanced Search","no_suggestions":"No suggestions","recent_searches":"Recent Searches","search_all":"Search All of Vimeo","added":"added","removed":"removed","videos":"Videos","read_more":"Read More","more_videos":"More Videos","more_videos_abbr":"<span>+<\/span> Videos","hide_videos":"Hide Videos","hide_videos_abbr":"<span>&ndash;<\/span> Videos","see_more_videos":"See more videos","confirm_remove_credit":"Are you sure you want to remove yourself from the credits?","no_data_for_range":"Sorry, but we do not have any statistics for this date range.","total_plays":"Total Plays","totals":"Weekly Totals","likes":"Likes","likes_count":"{COUNT} Likes","comments":"Comments"}    };
-</script>
-    <script src="http://a.vimeocdn.com/js_opt/global_combined.min.js?2aa4f1d0"></script>
-    <script src="http://a.vimeocdn.com/js_opt/clip_combined.min.js?29c8e945"></script>
-    <script src="http://a.vimeocdn.com/js_opt/logging_combined.min.js?28482d49"></script>
-    <script src="http://a.vimeocdn.com/p/1.4.31/js/player.core.opt.js"></script>
-<script>
-    window.addEvent('domready', function() {
-        // Inline Scripts
-                                    var player70437049_1982429097,player70437049_1982429097_element = document.getElementById('player_70437049_1982429097'),clip70437049_1982429097 = {config:{"request":{"cached_timestamp":1375390205,"source":"cache","timestamp":1375419107,"signature":"0aba6bf4d99d4f91e2c0e2c1b9d96062","referrer":"","varnish":1,"cookie":{"hd":null,"scaling":1,"volume":100,"html":null}
-,"expiration":21600,"vimeo_url":"vimeo.com","player_url":"player.vimeo.com","cdn_url":"a.vimeocdn.com","cookie_domain":".vimeo.com"},"video":{"id":70437049,"title":"108 years of Herman Miller in 108 seconds","width":1280,"height":720,"duration":122,"url":"http:\/\/vimeo.com\/70437049","thumbnail":"http:\/\/b.vimeocdn.com\/ts\/443\/673\/443673159_960.jpg","embed_code":"<iframe src=\"http:\/\/player.vimeo.com\/video\/70437049\" width=\"400\" height=\"300\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe>","hd":1,"default_to_hd":1,"owner":{"name":"Christian Borstlap","portrait":"http:\/\/b.vimeocdn.com\/ps\/605\/605936_75.jpg","url":"http:\/\/vimeo.com\/christianborstlap","account_type":"plus"},"stats":{"comments":6,"likes":265,"plays":675},"files":{"h264":["hd","sd","mobile"]},"profiles":{"h264":{"hd":113,"sd":112,"mobile":116}},"smil":{"url":"http:\/\/player.vimeo.com\/config\/70437049.smil","qualities":["hd","sd","mobile"]}},"security":{"embed_permission":"public","hd_embed":1,"privacy":"anybody"},"application":{"version":"v6","build_num":"0a8523c"},"analytics":{"ga_account":"UA-76641-35","comscore_c1":"1","comscore_c2":"10348289"},"user":{"id":0,"liked":0,"watch_later":0,"status":{"mod":0,"logged_in":0,"owner":0,"account_type":"logged_out"}},"embed":{"alt_color":"c0c0c0","color":"00adef","autoplay":0,"loop":0,"time":0,"pause_info":0,"on_site":1,"context":"user","api":{"on":1,"player_id":null,"version":2},"toggle":{"badge":{"name":"staffpicks","link":"http:\/\/vimeo.com\/channels\/staffpicks\/70437049","src":"http:\/\/a.vimeocdn.com\/images_v6\/sp_badge_124.png"},"byline":0,"portrait":0,"title":0,"byline_badge":{"type":"plus","image":"http:\/\/a.vimeocdn.com\/images_v6\/plus_icon.gif","url":"http:\/\/vimeo.com\/christianborstlap"},"embed":0,"hd":1,"like":1,"scaling":1,"share":1,"watch_later":1,"playbar":1,"fullscreen":1,"logo":0,"custom_logo":0,"volume":1,"vote":0},"outro":{"type":"nothing"}}},assets: {"js_path":"http:\/\/a.vimeocdn.com\/p\/1.4.31\/js\/","css_path":"http:\/\/a.vimeocdn.com\/p\/1.4.31\/css\/","ming":{"touch":{"css":["player.touch.opt.css"],"js":["player.touch.js"]},"mobile":{"css":["player.mobile.opt.css"],"js":["player.mobile.js"]},"desktop":{"css":["player.desktop.opt.css"],"js":["player.desktop.js"]}},"moogaloop":["swfobject.v2.2.js"],"cache":1},uniqueId: '70437049_1982429097',options: {ming: {html_path: "http://a.vimeocdn.com/p/1.4.31/html_opt",css_path: "http://a.vimeocdn.com/p/1.4.31/css/player.overlays.opt.css",version: '1.4.31'},moogaloop: {force_embed: 0,force_info: 0,ref_id: 'player70437049_1982429097',swfs: {cover: {desktop: "http:\/\/a.vimeocdn.com\/p\/flash\/moogalover\/1.1.21\/moogalover.swf?v=1.0.0",mobile: "http:\/\/a.vimeocdn.com\/p\/flash\/mobilover\/1.1.21\/mobilover.swf?v=1.0.0"},player: {desktop: "http:\/\/a.vimeocdn.com\/p\/flash\/moogaloop\/5.2.55\/moogaloop.swf?v=1.0.0",mobile: "http:\/\/a.vimeocdn.com\/p\/flash\/mobiloop\/1.2.55\/mobiloop.swf?v=1.0.0"}},versions: {player: '5.2.55',cover: '1.1.21',js: '1.4.31'}},noplayer: {html_path: "http://a.vimeocdn.com/p/1.4.31/html_opt",css_path: "http://a.vimeocdn.com/p/1.4.31/css/player.overlays.opt.css"}},thumbs: {1280: 'http://b.vimeocdn.com/ts/443/673/443673159_1280.jpg',960: 'http://b.vimeocdn.com/ts/443/673/443673159_960.jpg',640: 'http://b.vimeocdn.com/ts/443/673/443673159_640.jpg'}};Player.checkRatio(player70437049_1982429097_element.getElementsByTagName('div')[0],player70437049_1982429097_element.getElementsByTagName('div')[0].getElementsByTagName('div')[0],clip70437049_1982429097.config);function initPlayer70437049_1982429097() {player70437049_1982429097 = new Player(player70437049_1982429097_element,clip70437049_1982429097,function() {Clip.waitForPlayer(player70437049_1982429097);Player.init.loader();});window.player70437049_1982429097 = player70437049_1982429097;window.player70437049_1982429097_element = player70437049_1982429097_element;window.clip70437049_1982429097 = clip70437049_1982429097;}Player.init.queue.push(initPlayer70437049_1982429097);if (!Player.init.loaderAdded) {window.addEvent('domready', function() {Player.init.loader();});Player.init.loaderAdded = true;}var _gaq = _gaq || [];_gaq.push(['pt._setAccount', "UA-76641-35"],['pt._setDomainName', 'player.vimeo.com']);try {var height = window.innerHeight;var width = window.innerWidth;if (height && width) {_gaq.push(['pt._trackEvent', 'player', 'Embed Size', width + 'x' + height]);}}catch (e) {}
-        // Tracking Scripts
-        var scr,
-            s = document.getElementsByTagName('script')[0];
-                    scr = document.createElement('script');
-            scr.type = 'text/javascript';
-            scr.async = true;
-            scr.src = ('http://b.scorecardresearch.com/beacon.js');
-            s.parentNode.insertBefore(scr, s);
-                    scr = document.createElement('script');
-            scr.type = 'text/javascript';
-            scr.async = true;
-            scr.src = ('https://ssl.google-analytics.com/ga.js');
-            s.parentNode.insertBefore(scr, s);
-                    }); // End of DOMReady
-    // Advertisements
-    if (document.getElementById('google_afc_ads')) {
-        document.write('<scr'+'ipt src="//pagead2.googlesyndication.com/pagead/show_ads.js"></scr'+'ipt>');
-    }
-    if (document.getElementById('google_wide') || document.getElementById('google_narrow')) {
-        document.write('<scr'+'ipt src="//www.google.com/afsonline/show_afs_ads.js"></scr'+'ipt>');
-    }
-</script>
-    </body>
-</html>