meta-picker 0.1.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZGNiMTAxMGQ2N2VkOWM0YTUwMTA3NGI1NzA4NzNlMWY5ZmU1ZGRjZg==
+  data.tar.gz: !binary |-
+    N2E0OTM2NTA4YjYwM2Y5MjFmNDAxZDA4Y2U5OTg3ZTUxNDNmOTQ1Ng==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    NDYzZThmNGE1NTY2MjllNzhjYTk5YmQ3N2EyYzdlNmNlYWEzMmMwMzg2NmZl
+    MGUwMjdlMzIwYWNkNWVkOGQwNmJjN2IzODVhMmU4NjFjZDYzNTM3OGZmYTdl
+    MThmMWY4Y2JkYjk2ZjViMzUxZWZlM2Q3NzQyMGM5NTIyMDVkOGU=
+  data.tar.gz: !binary |-
+    YmVlZDhhZDg0N2JiOWZlM2U5YzE5Y2E5ZmNhMzM2ZGZiMjVkZjliNmZjODlm
+    ZGU3MmNhYjg1ODRkNmMxNTVmNjJiYzg3OGYyNjQ4ZWQyOWI3MDdkODYwMWQy
+    MDhjMzhjYWJmNDkyZWNkZDkyZmUwM2MzMDY5ZDFlOTBkYmFkNzE=

data/.gitignore

@@ -0,0 +1,7 @@
+*.gem
+.rspec
+Gemfile.lock
+
+coverage/
+
+dev-notes

data/Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gemspec

data/LICENSE.md

@@ -0,0 +1,7 @@
+Copyright (c) 2013 Mosaic Sales Solutions
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,2 @@
+meta-picker
+===========

data/lib/meta-picker.rb

@@ -0,0 +1,41 @@
+require 'Nokogiri'
+require 'hashie'
+require 'faraday'
+
+class MetaPicker
+
+  attr_reader :doc
+
+  def initialize(url)
+    self.doc =  Nokogiri::HTML(Faraday.new(:url => url).get.body)
+  end
+
+  def twitter_card
+    hashify("twitter:")
+  end
+
+  def og_data
+    hashify("og:")
+  end
+
+  def all_meta
+    hashify("")
+  end
+
+  private
+
+    attr_writer :doc
+
+    def hashify(filter)
+      output = Hashie::Mash.new
+      (self.doc.xpath("//meta[starts-with(@property, '#{filter}')]") + self.doc.xpath("//meta[starts-with(@name, '#{filter}')]")).each do |i|
+        if i['property']
+          key = i['property'].to_s.gsub(filter, '').gsub(":", '_')
+        elsif i['name']
+          key = i['name'].to_s.gsub(filter, '').gsub(":", '_')
+        end
+        output.merge! key => i['content']
+      end
+      output
+    end
+end

data/meta-picker.gemspec

@@ -0,0 +1,32 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/meta-picker/', __FILE__)
+
+Gem::Specification.new do |s|
+  s.name        = "meta-picker"
+  s.version     = '0.1.0'
+  s.platform    = Gem::Platform::RUBY
+  s.date        = '2013-07-11'
+  s.authors     = ["Stephen A. Wilson"]
+  s.email       = ["stephen.wilson@mosaic.com"]
+  s.homepage    = ""
+  s.summary     = %q{}
+  s.description = %q{}
+
+  s.files = Dir["{lib,spec}/**/*", "[A-Z]*", "init.rb"]
+  s.require_path = "lib"
+
+  s.required_rubygems_version = ">= 1.3.4"
+
+  s.add_dependency 'nokogiri'
+  s.add_dependency 'hashie'
+  s.add_dependency 'faraday'
+
+  s.add_development_dependency "rspec"
+  s.add_development_dependency "vcr"
+  s.add_development_dependency "simplecov"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+end

data/spec/meta_picker_spec.rb

@@ -0,0 +1,92 @@
+require_relative 'spec_helper'
+
+describe MetaPicker, :vcr do
+  let(:picker) do
+    Faraday.stub_chain(:new, :get, :body)
+    MetaPicker.new("http://www.example.com")
+  end
+
+  describe "#initialize" do
+    it "gets a document" do
+      picker.doc.should be_a_kind_of(Nokogiri::HTML::Document)
+    end
+  end
+
+  describe "#twitter_card" do
+    it "gets all twitter meta tags" do
+      input = "<meta name='twitter:t_name' content='This is foo'><meta property='twitter:t_property' content='This is bar'>"
+      picker.stub(:doc => Nokogiri::HTML(input))
+      tc = picker.twitter_card
+      tc.t_name?.should eq(true)
+      tc.t_property?.should eq(true)
+    end
+
+    it "does not include non twitter meta tags" do
+      input = "<meta name='foo:foo_name' content='This is foo'>><meta property='foo':foo_property' content='This is bar'>"
+      picker.stub(:doc => Nokogiri::HTML(input))
+      tc = picker.twitter_card
+      tc.foo_name?.should eq(false)
+      tc.foo_property?.should eq(false)
+    end
+  end
+
+  describe "#og_data" do
+    it "gets all og meta tags" do
+      input = "<meta name='og:og_name' content='This is foo'>><meta property='og:og_property' content='This is bar'>"
+      picker.stub(:doc => Nokogiri::HTML(input))
+      og = picker.og_data
+      og.og_name?.should eq(true)
+      og.og_property?.should eq(true)
+    end
+
+    it "does not include non og meta tags" do
+      input = "<meta name='foo:foo_name' content='This is foo'>><meta property='foo':foo_property' content='This is bar'>"
+      picker.stub(:doc => Nokogiri::HTML(input))
+      og = picker.og_data
+      og.foo_name?.should eq(false)
+      og.foo_property?.should eq(false)
+    end
+  end
+
+  describe "#all_meta" do
+    it "gets all meta tags" do
+      input = "<meta name='foo:foo' content='This is foo'><meta property='bar:bar' content='This is bar'>"
+      picker.stub(:doc => Nokogiri::HTML(input))
+      am = picker.all_meta
+      am.foo_foo?.should eq(true)
+      am.bar_bar?.should eq(true)
+    end
+  end
+
+  describe "live tests" do
+    describe "on vine" do
+      let(:pickerv) { MetaPicker.new("https://vine.co/v/b5pDOD23KPH") }
+      it "should have a title" do
+        pickerv.twitter_card.title.should_not be_nil
+      end
+
+      it "should have a description" do
+        pickerv.twitter_card.description.should_not be_nil
+      end
+
+      it "should be a video" do
+        pickerv.twitter_card.player_stream.should_not be_nil
+      end
+    end
+
+    describe "on instagram" do
+      let(:pickeri) { MetaPicker.new("http://instagram.com/p/bowsK3B-3H/") }
+      it "should have a title" do
+        pickeri.og_data.title.should_not be_nil
+      end
+
+      it "should have a description" do
+        pickeri.og_data.description.should_not be_nil
+      end
+
+      it "should be a video" do
+        pickeri.og_data.video.should_not be_nil
+      end
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,14 @@
+require 'simplecov'
+SimpleCov.start
+
+require 'rubygems'
+require 'test/unit'
+require 'vcr'
+require 'meta-picker'
+
+SPEC_DIR = File.dirname(__FILE__)
+require "#{SPEC_DIR}/vcr/vcr"
+
+RSpec.configure do |config|
+  config.treat_symbols_as_metadata_keys_with_true_values = true
+end

data/spec/vcr/fixtures/cassettes/MetaPicker/_all_meta/gets_all_meta_tags.yml

@@ -0,0 +1,206 @@
+--- 
+http_interactions: 
+- request: 
+    method: get
+    uri: https://vine.co/v/b5pDOD23KPH
+    body: 
+      encoding: US-ASCII
+      string: ""
+    headers: 
+      User-Agent: 
+      - Faraday v0.8.7
+  response: 
+    status: 
+      code: 200
+      message: 
+    headers: 
+      accept-ranges: 
+      - bytes
+      age: 
+      - "676"
+      cache-control: 
+      - max-age=1800
+      content-type: 
+      - text/html; charset=utf-8
+      date: 
+      - Thu, 11 Jul 2013 19:44:14 GMT
+      server: 
+      - nginx/1.1.19
+      strict-transport-security: 
+      - max-age=631138519
+      via: 
+      - 1.1 varnish
+      x-cache: 
+      - HIT
+      x-varnish: 
+      - 620065453 619898669
+      x-xss-protection: 
+      - 1; mode=block
+      content-length: 
+      - "2383"
+      connection: 
+      - Close
+    body: 
+      encoding: ASCII-8BIT
+      string: |-
+        <!DOCTYPE html>
+        <html>
+        <title>Erik Jensen's post on Vine</title>
+        <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# vine-app: http://ogp.me/ns/fb/vine-app#">
+        	<link rel="stylesheet" type="text/css" href="https://d3422saexnbpnl.cloudfront.net/static/style.css?05142013">
+                <link rel="shortcut icon" type="image/png" href="/static/favicon.ico">
+        	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/static/style_ie7.css?011320121402" /><![endif]-->
+        	
+        	<link href="//vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
+        	<script src="//vjs.zencdn.net/4.0/video.js"></script>
+        	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+        
+        	<meta property="twitter:card" content="player">
+        	<meta property="twitter:title" content="Erik Jensen's post on Vine">
+        	<meta property="twitter:description" content="Olivia will dance to anything. Including a stuffed bear with a saxaphone.">
+        
+        	<meta property="twitter:image" content="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        	<meta property="twitter:site" content="@vineapp">
+        	<meta property="twitter:player:width" content="435">
+        	<meta property="twitter:player:height" content="435">
+        	<meta property="twitter:player" content="https://vine.co/v/b5pDOD23KPH/card">
+        	<meta property="twitter:player:stream" content="https://mtc.cdn.vine.co/v/videos/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4?versionId=9SxoH9b5AcS3kn22F6CTB9Tp69bVwMhm">
+        	<meta property="twitter:player:stream:content_type" content="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
+        
+        	<!-- app card metadata -->
+        	<meta property="twitter:app:name:iphone" content="Vine">
+        	<meta property="twitter:app:url:iphone" content="vine://post/906382264605216768">
+        	<meta property="twitter:app:id:iphone" content="592447445">
+        
+        	<meta property="twitter:app:name:googleplay" content="Vine">
+        	<meta property="twitter:app:url:googleplay" content="https://vine.co/v/b5pDOD23KPH">
+        	<meta property="twitter:app:id:googleplay" content="co.vine.android">
+        
+        	<meta property="og:title" content="Olivia will dance to anything. Including a stuffed bear with a saxaphone.">
+        	<meta property="og:site_name" content="Vine">
+        	<meta property="og:image" content="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        	<meta property="fb:app_id" content="1185475921592170">
+        	<meta property="og:type" content="vine-app:video" /> 
+        	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> 
+        	<script>
+        		$(function () {
+        			var videoContainerSize = $('.video-container').width();
+        			var showVolumeControl = false;
+        
+        			var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()))
+        
+        			if (videoContainerSize > 320) {
+        				var shareTop = $('.share-page .card .user');
+        				var shareMiddle = $('.share-page .card h1');
+        				var shareBottom = $('.share-page .card .shot-with-vine');
+        
+        				showVolumeControl = true;
+        				shareMiddle.height(600 - shareTop.outerHeight() - shareBottom.outerHeight()); 
+        			}
+        
+        			var player = videojs('post', { 'children': { 'loadingSpinner': false, 'controlBar': false }}).ready(function () {
+        				this.width(videoContainerSize);
+        				this.height(videoContainerSize);
+        				if (showVolumeControl) this.volume(0);
+        				else $('.mute-button').remove();
+        				this.load();
+        				var once = false;
+        				f = function() {
+        					if (once) { return; }
+        					once = true;
+        
+        					if (!mobile)
+        						this.play();
+        				};
+        
+        				
+        				this.on('canplaythrough', f)
+        				this.on('canplay', f)
+        			});
+        
+        			$('.mute-button').click(function (e) {
+        				if (player.volume() == 0) {
+        					$(e.target).removeClass('off');
+        					$(e.target).addClass('on');
+        					player.volume(1);
+        				} else {
+        					$(e.target).removeClass('on');
+        					$(e.target).addClass('off');
+        					player.volume(0);
+        				}
+        				return false;
+        			});
+        
+        			$('video').click(function () {
+        				if (player.paused())
+        					player.play()
+        				else
+        					player.pause()
+        			});
+        		});
+        	</script>
+        
+        	<script type="text/javascript">
+        
+        	  var _gaq = _gaq || [];
+        	  _gaq.push(['_setAccount', 'UA-34240974-1']);
+        	  _gaq.push(['_setDomainName', 'vine.co']);
+        	  _gaq.push(['_trackPageview']);
+        
+        	  (function() {
+        	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+        	  })();
+        
+        	</script>
+        </head>
+        
+        <body class="share-page">
+        
+        
+        
+        	<div class="card">
+        		<div class="video-container">
+        			<a href="#" class="mute-button off"></a>
+        			<video id="post" class="video-js vjs-default-skin" loop preload="auto" poster="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        				<source src="https://mtc.cdn.vine.co/v/videos/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4?versionId=9SxoH9b5AcS3kn22F6CTB9Tp69bVwMhm" type="video/mp4">
+        			</video>
+        		</div>
+        		<div class="info">
+        			<div class="user">
+        				<img src="https://v.cdn.vine.co/v/avatars/03128FE6-0FE8-472E-9DDB-5705669C875A-6444-0000066C96C6505F.jpg?versionId=9Ysh7CYh0U9gPLqU52Aw_HieG_lvLze7" class="avatar">
+        				<h2>Erik Jensen</h2>
+        			</div>
+        			<h1>
+        				<div class="inner">
+        					<p>Olivia will dance to anything. Including a stuffed bear with a saxaphone.</p>
+        				</div>
+        			</h1>
+        			<div class="shot-with-vine">
+        				<img src="https://d3422saexnbpnl.cloudfront.net/static/images/shot_with_vine.png" width="171" height="30">
+        				<a class="action-button" href="/">Download App</a>
+        			</div>
+        		</div>
+        
+        	<div class="share-options hide-mobile">
+        		<div class="pill">
+        			<div class="embed">
+        				<a href="/v/b5pDOD23KPH/embed">
+        					<img src="https://d3422saexnbpnl.cloudfront.net/static/images/embed_button_2x.png" width="69" height="20">
+        				</a>
+        			</div>
+        			<div class="twitter">
+        				<!-- data-count="none" -->
+        				<a href="https://twitter.com/share" class="twitter-share-button" style="display: none;" data-lang="en">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+        			</div>
+        		</div>
+        	</div>
+        
+        	</div>
+        
+        </body>
+        </html>
+    http_version: 
+  recorded_at: Thu, 11 Jul 2013 19:44:14 GMT
+recorded_with: VCR 2.5.0

data/spec/vcr/fixtures/cassettes/MetaPicker/_initialize/gets_a_document.yml

@@ -0,0 +1,206 @@
+--- 
+http_interactions: 
+- request: 
+    method: get
+    uri: https://vine.co/v/b5pDOD23KPH
+    body: 
+      encoding: US-ASCII
+      string: ""
+    headers: 
+      User-Agent: 
+      - Faraday v0.8.7
+  response: 
+    status: 
+      code: 200
+      message: 
+    headers: 
+      accept-ranges: 
+      - bytes
+      age: 
+      - "676"
+      cache-control: 
+      - max-age=1800
+      content-type: 
+      - text/html; charset=utf-8
+      date: 
+      - Thu, 11 Jul 2013 19:44:13 GMT
+      server: 
+      - nginx/1.1.19
+      strict-transport-security: 
+      - max-age=631138519
+      via: 
+      - 1.1 varnish
+      x-cache: 
+      - HIT
+      x-varnish: 
+      - 620065237 619898669
+      x-xss-protection: 
+      - 1; mode=block
+      content-length: 
+      - "2383"
+      connection: 
+      - Close
+    body: 
+      encoding: ASCII-8BIT
+      string: |-
+        <!DOCTYPE html>
+        <html>
+        <title>Erik Jensen's post on Vine</title>
+        <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# vine-app: http://ogp.me/ns/fb/vine-app#">
+        	<link rel="stylesheet" type="text/css" href="https://d3422saexnbpnl.cloudfront.net/static/style.css?05142013">
+                <link rel="shortcut icon" type="image/png" href="/static/favicon.ico">
+        	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/static/style_ie7.css?011320121402" /><![endif]-->
+        	
+        	<link href="//vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
+        	<script src="//vjs.zencdn.net/4.0/video.js"></script>
+        	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+        
+        	<meta property="twitter:card" content="player">
+        	<meta property="twitter:title" content="Erik Jensen's post on Vine">
+        	<meta property="twitter:description" content="Olivia will dance to anything. Including a stuffed bear with a saxaphone.">
+        
+        	<meta property="twitter:image" content="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        	<meta property="twitter:site" content="@vineapp">
+        	<meta property="twitter:player:width" content="435">
+        	<meta property="twitter:player:height" content="435">
+        	<meta property="twitter:player" content="https://vine.co/v/b5pDOD23KPH/card">
+        	<meta property="twitter:player:stream" content="https://mtc.cdn.vine.co/v/videos/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4?versionId=9SxoH9b5AcS3kn22F6CTB9Tp69bVwMhm">
+        	<meta property="twitter:player:stream:content_type" content="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
+        
+        	<!-- app card metadata -->
+        	<meta property="twitter:app:name:iphone" content="Vine">
+        	<meta property="twitter:app:url:iphone" content="vine://post/906382264605216768">
+        	<meta property="twitter:app:id:iphone" content="592447445">
+        
+        	<meta property="twitter:app:name:googleplay" content="Vine">
+        	<meta property="twitter:app:url:googleplay" content="https://vine.co/v/b5pDOD23KPH">
+        	<meta property="twitter:app:id:googleplay" content="co.vine.android">
+        
+        	<meta property="og:title" content="Olivia will dance to anything. Including a stuffed bear with a saxaphone.">
+        	<meta property="og:site_name" content="Vine">
+        	<meta property="og:image" content="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        	<meta property="fb:app_id" content="1185475921592170">
+        	<meta property="og:type" content="vine-app:video" /> 
+        	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> 
+        	<script>
+        		$(function () {
+        			var videoContainerSize = $('.video-container').width();
+        			var showVolumeControl = false;
+        
+        			var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()))
+        
+        			if (videoContainerSize > 320) {
+        				var shareTop = $('.share-page .card .user');
+        				var shareMiddle = $('.share-page .card h1');
+        				var shareBottom = $('.share-page .card .shot-with-vine');
+        
+        				showVolumeControl = true;
+        				shareMiddle.height(600 - shareTop.outerHeight() - shareBottom.outerHeight()); 
+        			}
+        
+        			var player = videojs('post', { 'children': { 'loadingSpinner': false, 'controlBar': false }}).ready(function () {
+        				this.width(videoContainerSize);
+        				this.height(videoContainerSize);
+        				if (showVolumeControl) this.volume(0);
+        				else $('.mute-button').remove();
+        				this.load();
+        				var once = false;
+        				f = function() {
+        					if (once) { return; }
+        					once = true;
+        
+        					if (!mobile)
+        						this.play();
+        				};
+        
+        				
+        				this.on('canplaythrough', f)
+        				this.on('canplay', f)
+        			});
+        
+        			$('.mute-button').click(function (e) {
+        				if (player.volume() == 0) {
+        					$(e.target).removeClass('off');
+        					$(e.target).addClass('on');
+        					player.volume(1);
+        				} else {
+        					$(e.target).removeClass('on');
+        					$(e.target).addClass('off');
+        					player.volume(0);
+        				}
+        				return false;
+        			});
+        
+        			$('video').click(function () {
+        				if (player.paused())
+        					player.play()
+        				else
+        					player.pause()
+        			});
+        		});
+        	</script>
+        
+        	<script type="text/javascript">
+        
+        	  var _gaq = _gaq || [];
+        	  _gaq.push(['_setAccount', 'UA-34240974-1']);
+        	  _gaq.push(['_setDomainName', 'vine.co']);
+        	  _gaq.push(['_trackPageview']);
+        
+        	  (function() {
+        	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+        	  })();
+        
+        	</script>
+        </head>
+        
+        <body class="share-page">
+        
+        
+        
+        	<div class="card">
+        		<div class="video-container">
+        			<a href="#" class="mute-button off"></a>
+        			<video id="post" class="video-js vjs-default-skin" loop preload="auto" poster="https://v.cdn.vine.co/v/thumbs/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4.jpg?versionId=X_2zG5zmrNoeLU1Bv3lswAd22trQhmYu">
+        				<source src="https://mtc.cdn.vine.co/v/videos/DDD0C9B2-5D31-4F73-BEF0-7F20C0E1AEF4-6611-000006D0E857E217_1.0.1.mp4?versionId=9SxoH9b5AcS3kn22F6CTB9Tp69bVwMhm" type="video/mp4">
+        			</video>
+        		</div>
+        		<div class="info">
+        			<div class="user">
+        				<img src="https://v.cdn.vine.co/v/avatars/03128FE6-0FE8-472E-9DDB-5705669C875A-6444-0000066C96C6505F.jpg?versionId=9Ysh7CYh0U9gPLqU52Aw_HieG_lvLze7" class="avatar">
+        				<h2>Erik Jensen</h2>
+        			</div>
+        			<h1>
+        				<div class="inner">
+        					<p>Olivia will dance to anything. Including a stuffed bear with a saxaphone.</p>
+        				</div>
+        			</h1>
+        			<div class="shot-with-vine">
+        				<img src="https://d3422saexnbpnl.cloudfront.net/static/images/shot_with_vine.png" width="171" height="30">
+        				<a class="action-button" href="/">Download App</a>
+        			</div>
+        		</div>
+        
+        	<div class="share-options hide-mobile">
+        		<div class="pill">
+        			<div class="embed">
+        				<a href="/v/b5pDOD23KPH/embed">
+        					<img src="https://d3422saexnbpnl.cloudfront.net/static/images/embed_button_2x.png" width="69" height="20">
+        				</a>
+        			</div>
+        			<div class="twitter">
+        				<!-- data-count="none" -->
+        				<a href="https://twitter.com/share" class="twitter-share-button" style="display: none;" data-lang="en">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+        			</div>
+        		</div>
+        	</div>
+        
+        	</div>
+        
+        </body>
+        </html>
+    http_version: 
+  recorded_at: Thu, 11 Jul 2013 19:44:13 GMT
+recorded_with: VCR 2.5.0