Skip to content

Instantly share code, notes, and snippets.

@miketaylr
Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save miketaylr/85bc7696015464e1e96f to your computer and use it in GitHub Desktop.
Save miketaylr/85bc7696015464e1e96f to your computer and use it in GitHub Desktop.

Logged in:

<div style="display: block;" class="media">
  <div class="card"> 
    <a class="card-target inline-media-image" href="//pbs.twimg.com/tweet_video_thumb/CIninIOW8AAZo5Q.png" target="_blank" data-inline-type="photo"> 
      <div style="background-color: rgb(232, 232, 232); height: 190px;" class="card-image-container"> 
        <img style="opacity: 1;" class="card-image" src="//pbs.twimg.com/tweet_video_thumb/CIninIOW8AAZo5Q.png">
      </div> 
      <div class="card-annotation">  
        <div class="card-annotation-byline" href="/HoldMyBeerGif" data-uid="1383966032"> By <b>Hold My Beer GIFs</b> </div>  
          <h1 class="card-annotation-title">  </h1>  
        </div> 
    </a> 
  </div>
</div>

Logged out:

<div class="TweetDetail-media InlineMedia">
  <div class="InlineMedia-content">
    <div class=" FlexEmbed">
      <div class="FlexEmbed-ratio" style="padding-bottom:56.25%"></div>
      <div class="FlexEmbed-content">
        <a class="InlineMedia-item VideoPreview" aria-label="Play this video." href="https://mobile.twitter.com/HoldMyBeerGif/status/615271986303008770/video/1">
          <span class="VideoPreview-mediaTypeBadge">
            <span class="VideoPreview-mediaTypeIcon Icon Icon--gif" role="presentation">
              <img src="data:image/gif;base64,R0lGODlhDQAMAIAAAP///////yH5BAEKAAEALAAAAAANAAwAAAILjI+py+0Po5y0ngIAOw=="><svg viewBox="0 0 78 72"><use fill="currentcolor" xlink:href="/i/rw/svg/d6bb6cfcd924aa500e7330b230b73e49/icon#icon-gif"></use></svg></span></span><img src="https://pbs.twimg.com/tweet_video_thumb/CIninIOW8AAZo5Q.png" class="VideoPreview-image" alt=""><span class="VideoPreview-control u-posAbsoluteCenter"><span class="VideoPreview-circleIcon u-posAbsoluteCenter Icon Icon--circleFill" role="presentation"><img src="data:image/gif;base64,R0lGODlhBQAGAIAAAP///////yH5BAEKAAEALAAAAAAFAAYAAAIFjI+pawUAOw=="><svg viewBox="0 0 60 72"><use fill="currentcolor" xlink:href="/i/rw/svg/d6bb6cfcd924aa500e7330b230b73e49/icon#icon-circleFill"></use></svg></span><span class="VideoPreview-playIcon u-posAbsoluteCenter Icon Icon--playCircle" role="presentation"><img src="data:image/gif;base64,R0lGODlhBQAGAIAAAP///////yH5BAEKAAEALAAAAAAFAAYAAAIFjI+pawUAOw=="><svg viewBox="0 0 60 72"><use fill="currentcolor" xlink:href="/i/rw/svg/d6bb6cfcd924aa500e7330b230b73e49/icon#icon-playCircle"></use></svg>
            </span>
          </span>
        </a>
      </div>
    </div>
  </div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment