Pruebas con html

Napster85

Código HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Twitter web player</title>
    <link rel="stylesheet" href="https://abs.twimg.com/web-video-player/cb0a59f734da05a456089d323efa92bb6fd13460/styles/main.css" />
    <base target="_blank" />
  </head>
  <body data-language-code="es">
    <div class="mobile-player-controls">
      <span class='rosetta-icon rosetta-icon-play'></span>
    </div>
    <div id="playerContainer" class="player-container"  data-config="{&quot;video_url&quot;:&quot;https:\/\/pbs.twimg.com\/tweet_video\/Cgf8dNdUMAAdB86.mp4&quot;,&quot;videoInfo&quot;:{&quot;title&quot;:null,&quot;description&quot;:null,&quot;publisher&quot;:{&quot;screen_name&quot;:&quot;RampCapitalLLC&quot;,&quot;name&quot;:&quot;3:30 Ramp Capital\u2122\u267F\uFE0F&quot;,&quot;profile_image_url&quot;:&quot;http:\/\/pbs.twimg.com\/profile_images\/478657785127653377\/JM5_YnPY_normal.jpeg&quot;}},&quot;cardUrl&quot;:&quot;https:\/\/t.co\/jxZSEq0aXx&quot;,&quot;content_type&quot;:&quot;video\/mp4&quot;,&quot;owner_id&quot;:&quot;2214652482&quot;,&quot;scribe_playlist_url&quot;:&quot;http:\/\/twitter.com\/RampCapitalLLC\/status\/722824253062578176\/photo\/1&quot;,&quot;source_type&quot;:&quot;gif&quot;,&quot;image_src&quot;:&quot;https:\/\/pbs.twimg.com\/tweet_video_thumb\/Cgf8dNdUMAAdB86.jpg&quot;,&quot;status&quot;:{&quot;created_at&quot;:&quot;Wed Apr 20 16:28:26 +0000 2016&quot;,&quot;id&quot;:722824253062578176,&quot;id_str&quot;:&quot;722824253062578176&quot;,&quot;text&quot;:&quot;LIVE: Short sellers attempting to stop one of the greatest bull rallies ever https:\/\/t.co\/jxZSEq0aXx&quot;,&quot;truncated&quot;:false,&quot;entities&quot;:{&quot;hashtags&quot;:[],&quot;symbols&quot;:[],&quot;user_mentions&quot;:[],&quot;urls&quot;:[{&quot;url&quot;:&quot;https:\/\/t.co\/jxZSEq0aXx&quot;,&quot;expanded_url&quot;:&quot;http:\/\/twitter.com\/RampCapitalLLC\/status\/722824253062578176\/photo\/1&quot;,&quot;display_url&quot;:&quot;pic.twitter.com\/jxZSEq0aXx&quot;,&quot;indices&quot;:[77,100]}]},&quot;source&quot;:&quot;\u003ca href=\&quot;http:\/\/twitter.com\/download\/iphone\&quot; rel=\&quot;nofollow\&quot;\u003eTwitter for iPhone\u003c\/a\u003e&quot;,&quot;in_reply_to_status_id&quot;:null,&quot;in_reply_to_status_id_str&quot;:null,&quot;in_reply_to_user_id&quot;:null,&quot;in_reply_to_user_id_str&quot;:null,&quot;in_reply_to_screen_name&quot;:null,&quot;geo&quot;:null,&quot;coordinates&quot;:null,&quot;place&quot;:null,&quot;contributors&quot;:null,&quot;retweet_count&quot;:0,&quot;favorite_count&quot;:0,&quot;favorited&quot;:false,&quot;retweeted&quot;:true,&quot;possibly_sensitive&quot;:false,&quot;lang&quot;:&quot;en&quot;},&quot;video_session_enabled&quot;:false,&quot;media_id&quot;:&quot;722823843975278592&quot;,&quot;statusTimestamp&quot;:{&quot;local&quot;:&quot;16:28 - 20 abr. 2016&quot;},&quot;user&quot;:{&quot;screen_name&quot;:&quot;RampCapitalLLC&quot;,&quot;name&quot;:&quot;3:30 Ramp Capital\u2122\u267F\uFE0F&quot;},&quot;tweet_id&quot;:&quot;722824253062578176&quot;}" >
      <div class="player-wrapper">
        <div class="spinner-container"><div class="spinner"></div></div>
      </div>

      <div class='gif-play-pause bg-play-pause'></div>

      <div class='all-controls player-controls bg-play-pause'>
        <div class='embedded-info bg-play-pause'>
          <div class='embedded-info-contents bg-play-pause'>
            <a class='user-details embedded-publisher-link'>
              <img class='profile-image embedded-publisher-profile-image' />
              <span class='real-name embedded-publisher-name'></span>
              <span class='screenname embedded-publisher-screen-name'></span>
            </a>
            <div class='tweet-title embedded-video-title'></div>
          </div>
        </div>

        <div class="player-controls-bottom-container">
          <div class='player-controls-bottom'>
            <div class='player-controls-bottom-left'>
              <div class='track-label'></div>
              <a class='play-button'>
                <span class='rosetta-icon rosetta-icon-play'></span>
                <span class='rosetta-icon rosetta-icon-pause'></span>
                <span class='rosetta-icon rosetta-icon-stop'></span>
              </a>
              <a class='replay-button'>
                <span class='rosetta-icon rosetta-icon-replay'></span>
              </a>
              <div class="time-display time-display-countdown"></div>
            </div>
            <div class='player-controls-bottom-right'>
              <div class='time-display time-display-progress'></div>
              <a class='captions-button'>
                <span class='rosetta-icon rosetta-icon-captions'></span>
              </a>
              <div class='sound-button sound-on'>
                <span class='rosetta-icon rosetta-icon-sound-on'></span>
                <span class='rosetta-icon rosetta-icon-sound-off'></span>
              </div>
              <a class='full-screen-button expand'>
                <span class='rosetta-icon rosetta-icon-expand'></span>
                <span class='rosetta-icon rosetta-icon-shrink'></span>
              </a>
              <a class='twitter-button'>
                <span class='rosetta-icon rosetta-icon-twitter'></span>
              </a>
              <a class='skip-button'>
                <div class='skip-label'></div>
                <span class='rosetta-icon rosetta-icon-step-forward'></span>
              </a>
            </div>
            <div class='player-controls-bottom-center'>
              <div class='scrubber-background scrubber'>
                <div class='scrubber-track'>
                  <div class='scrubber-track-played'></div>
                  <div class='scrubber-thumb'></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class='call-to-action-container'>
          <div class='call-to-action'></div>
        </div>
      </div>

      <div class='poster-image-container'>
        <div class='poster-image'></div>
        <span class='poster-play-icon'>
          <span class='rosetta-icon rosetta-icon-media-play-fill'></span>
          <span class='rosetta-icon rosetta-icon-media-play'></span>
        </span>
        <div class='embedded-info embedded-info-visible'>
          <a class='user-details embedded-publisher-link'>
            <img class='profile-image embedded-publisher-profile-image' />
            <span class='real-name embedded-publisher-name'></span>
            <span class='screenname embedded-publisher-screen-name'></span>
          </a>
          <div class='tweet-title embedded-video-title'></div>
          <div class='twitter-button-container'>
            <a class='twitter-button embedded-tweet-permalink'>
              <span class='rosetta-icon rosetta-icon-twitter'></span>
            </a>
          </div>
        </div>
      </div>

      <div class='duration-badge'>
        <span class="duration"></span>
        <div class="equalizer">
          <img src="https://abs.twimg.com/web-video-player/cb0a59f734da05a456089d323efa92bb6fd13460/styles/img/media_equalizer.gif" alt="equalizer" />
        </div>
      </div>

      <div class='skip-badge'>
        <a class='skip-button'>
          <div class='skip-label'></div>
          <span class='rosetta-icon rosetta-icon-step-forward'></span>
        </a>
      </div>

      <div class='gif-badge rosetta-icon rosetta-icon-gif'></div>
      <div class="snap-reel-badge-container">
        <div class='snap-reel-badge rosetta-icon rosetta-icon-snap-reel'></div>
        <div class="snap-reel-hint"><div class="snap-reel-hint-text"></div></div>
      </div>

      <div class='embedded-tweet'>
        <a class='close-button embedded-tweet-close-button'>
          <span class='rosetta-icon rosetta-icon-close'></span>
        </a>
        <div class="tweet-details bg-play-pause">
          <div class="header bg-play-pause">
            <a class='user-details embedded-tweet-author-link'>
              <img class='profile-image embedded-tweet-author-profile-image' />
              <span class='real-name embedded-tweet-author-name'></span>
              <span class='screenname embedded-tweet-author-screen-name'></span>
            </a>
            <a class='follow-button embedded-tweet-follow-button'>
              <span class='rosetta-icon rosetta-icon-twitter'></span>
              <span class='embedded-tweet-follow-button-text'>Follow</span>
            </a>
          </div>
          <div class='tweet-text embedded-tweet-text'></div>
          <a class='timestamp embedded-tweet-timestamp embedded-tweet-permalink'></a>
        </div>
        <div class='twitter-button-container'>
          <a class='twitter-button embedded-tweet-close-button'>
            <span class='rosetta-icon rosetta-icon-twitter'></span>
          </a>
        </div>
      </div>

      <div class='error-msg-container'>
        <div class='error-msg-content'>
          <button class='retry-button'>
            <span class='rosetta-icon rosetta-icon-replay'></span>
          </button>
          <div class='error-msg'></div>
        </div>
      </div>
    </div>
    <div class='text-ad textAd text_ad text_ads text-ads text-ad-links' id="ad-bait"></div>

    <script src="https://abs.twimg.com/web-video-player/cb0a59f734da05a456089d323efa92bb6fd13460/js/build.min.js"></script>
  </body>
</html>