wyatt8740

an example .gifv, http://i.imgur.com/nQGbqhl.gifv

Mar 29th, 2015
345
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.02 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <title>Anime summed up in one .gif</title>
  5.         <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6.         <meta name="copyright" content="Copyright 2015 Imgur, Inc." />
  7.         <meta id="viewport" name="viewport" content="width=500, user-scalable=yes" />
  8.         <link rel="stylesheet" type="text/css" href="//s.imgur.com/min/sharePlayer.css?1427499512" />
  9.  
  10.         <style type="text/css">
  11.             #content, #video {
  12.                 width:  500px;
  13.                 height: 282px;
  14.             }
  15.  
  16.             #chrome, #progress {
  17.                 width: 500px;
  18.             }
  19.         </style>
  20.  
  21.         <link rel="alternate" type="application/json+oembed" href="http://api.imgur.com/oembed.json?url=http://i.imgur.com/nQGbqhl.gifv" title="Anime summed up in one .gif" />
  22.         <link rel="alternate" type="application/xml+oembed" href="http://api.imgur.com/oembed.xml?url=http://i.imgur.com/nQGbqhl.gifv" title="Anime summed up in one .gif" />
  23.  
  24.         <link rel="canonical"                 href="http://i.imgur.com/nQGbqhl.gifv" />
  25.  
  26.         <meta property="og:site_name"         content="Imgur" />
  27.         <meta property="og:url"               content="http://i.imgur.com/nQGbqhl.gifv" />
  28.         <meta property="og:title"             content="Anime summed up in one .gif" />
  29.         <meta property="og:type"              content="video.other" />
  30.                 <meta property="og:image"             content="http://i.imgur.com/nQGbqhl.gif" />
  31.         <meta property="og:image:width"       content="500" />
  32.         <meta property="og:image:height"      content="282" />
  33.  
  34.         <meta property="og:image"             content="http://i.imgur.com/nQGbqhlh.jpg" />
  35.         <meta property="og:image:width"       content="500" />
  36.         <meta property="og:image:height"      content="282" />
  37.         <meta property="og:description"       content="The Internet's visual storytelling community. Explore, share, and discuss the best visual stories the Internet has to offer." />
  38.         <meta property="og:video"             content="http://s.imgur.com/include/flash/gifplayer.swf?imgur_video=http://i.imgur.com/nQGbqhl.mp4&imgur_width=500&imgur_height=282&imgur_url=http://imgur.com/nQGbqhl" />
  39.         <meta property="og:video:secure_url"  content="https://s.imgur.com/include/flash/gifplayer.swf?imgur_video=https://i.imgur.com/nQGbqhl.mp4&imgur_width=500&imgur_height=282&imgur_url=http://imgur.com/nQGbqhl" />
  40.         <meta property="og:video:type"        content="application/x-shockwave-flash" />
  41.         <meta property="og:video:width"       content="500" />
  42.         <meta property="og:video:height"      content="282" />
  43.         <meta property="og:video"             content="http://i.imgur.com/nQGbqhl.mp4" />
  44.         <meta property="og:video:secure_url"  content="https://i.imgur.com/nQGbqhl.mp4" />
  45.         <meta property="og:video:type"        content="video/mp4" />
  46.         <meta property="og:video:width"       content="500" />
  47.         <meta property="og:video:height"      content="282" />
  48.  
  49.         <meta name="twitter:site"                       content="@imgur" />
  50.         <meta name="twitter:creator"                    content="@imgur" />
  51.         <meta name="twitter:domain"                     content="imgur.com" />
  52.         <meta name="twitter:app:id:googleplay"          content="com.imgur.mobile" />
  53.         <meta name="twitter:card"                       content="player" />
  54.         <meta name="twitter:title"                      content="Anime summed up in one .gif" />
  55.         <meta name="twitter:description"                content="The Internet's visual storytelling community. Explore, share, and discuss the best visual stories the Internet has to offer." />
  56.         <meta name="twitter:image"                      content="https://i.imgur.com/nQGbqhlh.jpg" />
  57.         <meta name="twitter:image:src"                  content="https://i.imgur.com/nQGbqhlh.jpg" />
  58.         <meta name="twitter:player"                     content="https://i.imgur.com/nQGbqhl.gifv?twitter#t" />
  59.         <meta name="twitter:player:width"               content="500" />
  60.         <meta name="twitter:player:height"              content="282" />
  61.         <meta name="twitter:player:stream"              content="https://i.imgur.com/nQGbqhl.mp4" />
  62.         <meta name="twitter:player:stream:content_type" content="video/mp4">
  63.  
  64.         <!--[if lte IE 8]><script type="text/javascript" src="//s.imgur.com/min/iepoly.js?1427499512"></script>
  65. <![endif]-->
  66.     </head>
  67.     <body id="body">
  68.         <div id="content">
  69.             <script type="text/javascript">
  70.                 window.image        = 'nQGbqhl';
  71.                 window.image_size   = '2740470';
  72.                 window.image_width  = '500';
  73.                 window.image_height = '282';
  74.                 window.cdn_url      = '//i.imgur.com';
  75.  
  76.                 if(navigator.userAgent.match(/Firefox/)) {
  77.                     document.body.className = document.body.className + ' firefox';
  78.                 }
  79.             </script>
  80.             <div class="vid-container">
  81.  
  82.  
  83.  
  84.                 <div class="image textbox">
  85.  
  86.  
  87.             <div class="video-container">
  88.             <script type="text/javascript">
  89.                 var videoItem = {
  90.                     looping:  true,
  91.                     width:    500,
  92.                     height:   282,
  93.                     size:     2740470,
  94.                     gifUrl:   '//i.imgur.com/nQGbqhl.gif',
  95.                     forceGif: false,
  96.                     hash:     'nQGbqhl'
  97.                 }
  98.             </script>
  99.             <video poster="//i.imgur.com/nQGbqhlh.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline></video>
  100.             <div class="video-elements">
  101.                 <source src="//i.imgur.com/nQGbqhl.webm" type="video/webm">
  102.                 <source src="//i.imgur.com/nQGbqhl.mp4" type="video/mp4">
  103.  
  104.                 <object style="width: 500px; height: 282px" type="application/x-shockwave-flash"
  105.                         data="//s.imgur.com/include/flash/gifplayer.swf?imgur_video=http://i.imgur.com/nQGbqhl.mp4&amp;imgur_width=500&amp;imgur_height=282&amp;imgur_url=">
  106.                     <param name="movie" value="//s.imgur.com/include/flash/gifplayer.swf?imgur_video=http://i.imgur.com/nQGbqhl.mp4&imgur_width=500&imgur_height=282" />
  107.                     <param name="allowscriptaccess" value="never" />
  108.                     <param name="flashvars" value="height=282&amp;width=500" />
  109.                     <param name="width" value="500" />
  110.                     <param name="height" value="282" />
  111.                     <param name="version" value="0" />
  112.                     <param name="scale" value="scale" />
  113.                     <param name="salign" value="tl" />
  114.                     <param name="wmode" value="opaque" />
  115.                 </object>
  116.             </div>
  117.             <progress value="0" max="100" min="0"></progress>
  118.             <div class="video-loader"></div>
  119.             <script id="scriptnQGbqhl" type="text/javascript" src="//s.imgur.com/min/imageViewerInline.js?1427499512"></script>
  120.  
  121.         </div>
  122.  
  123. </div>
  124.  
  125.             </div>
  126.             <script type="text/javascript">
  127.             var pixel_url = '//i.imgur.com/imageview.gif?a=nQGbqhl&r=' + encodeURIComponent(document.referrer);
  128.             var pixel = document.createElement('img');
  129.             pixel.src = pixel_url;
  130.             </script>
  131.  
  132.             <div id="chrome">
  133.                 <div class="icon">
  134.                     <a href="//imgur.com/nQGbqhl"><img src="//i.imgur.com/favicon.ico" /></a>
  135.                 </div>
  136.                 <div class="imgur">
  137.                     <a href="//imgur.com/nQGbqhl">Imgur</a>
  138.                 </div>
  139.                 <div class="controls">
  140.                     <a href="//imgur.com/download/nQGbqhl">download</a>
  141.                 </div>
  142.                 <div class="clear"></div>
  143.             </div>
  144.         </div>
  145.         <script type="text/javascript" src="//s.imgur.com/min/sharePlayer.js?1427499512"></script>
  146.  
  147.     </body>
  148. </html>
Add Comment
Please, Sign In to add comment