Animated pictures; FPS counter
This commit is contained in:
138
img/foregrounds/deadpool.gifv
Normal file
138
img/foregrounds/deadpool.gifv
Normal file
@@ -0,0 +1,138 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Imgur</title>
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
<meta name="copyright" content="Copyright 2016 Imgur, Inc." />
|
||||
<meta id="viewport" name="viewport" content="width=1280, user-scalable=yes" />
|
||||
<link rel="stylesheet" type="text/css" href="//s.imgur.com/min/sharePlayer.css?1473720239" />
|
||||
|
||||
<style type="text/css">
|
||||
#content, #video {
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
}
|
||||
|
||||
#chrome, #progress {
|
||||
width: 1280px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="alternate" type="application/json+oembed" href="http://api.imgur.com/oembed.json?url=http://i.imgur.com/9C2DZaI.gifv" title="Imgur GIF" />
|
||||
<link rel="alternate" type="application/xml+oembed" href="http://api.imgur.com/oembed.xml?url=http://i.imgur.com/9C2DZaI.gifv" title="Imgur GIF" />
|
||||
|
||||
<link rel="canonical" href="http://i.imgur.com/9C2DZaI.gifv" />
|
||||
|
||||
<meta property="og:site_name" content="Imgur" />
|
||||
<meta property="og:title" content="Imgur GIF" />
|
||||
<meta property="og:type" content="video.other" />
|
||||
<meta property="og:url" content="https://i.imgur.com/9C2DZaI.mp4" />
|
||||
<meta property="og:image" content="https://i.imgur.com/9C2DZaIh.jpg" />
|
||||
<meta property="og:description" content="Imgur: The most awesome images on the Internet." />
|
||||
<meta property="og:video:width" content="1280" />
|
||||
<meta property="og:video:height" content="720" />
|
||||
<meta property="og:video" content="https://i.imgur.com/9C2DZaI.mp4" />
|
||||
<meta property="og:video:secure_url" content="https://i.imgur.com/9C2DZaI.mp4" />
|
||||
<meta property="og:video:type" content="video/mp4" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="@imgur" />
|
||||
<meta name="twitter:domain" content="imgur.com" />
|
||||
<meta name="twitter:app:id:googleplay" content="com.imgur.mobile" />
|
||||
<meta name="twitter:card" content="player" />
|
||||
<meta name="twitter:title" content="Imgur GIF" />
|
||||
<meta name="twitter:description" content="Imgur: The most awesome images on the Internet." />
|
||||
<meta name="twitter:image" content="https://i.imgur.com/9C2DZaIh.jpg" />
|
||||
<meta name="twitter:player" content="https://i.imgur.com/9C2DZaI.gifv?twitter#t" />
|
||||
<meta name="twitter:player:width" content="1280" />
|
||||
<meta name="twitter:player:height" content="720" />
|
||||
<meta name="twitter:player:stream" content="https://i.imgur.com/9C2DZaI.mp4" />
|
||||
<meta name="twitter:player:stream:content_type" content="video/mp4">
|
||||
|
||||
<!--[if lte IE 8]><script type="text/javascript" src="//s.imgur.com/min/iepoly.js?1473720239"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body id="body">
|
||||
<div id="content">
|
||||
<script type="text/javascript">
|
||||
window.image = '9C2DZaI';
|
||||
window.image_size = '30908885';
|
||||
window.image_width = '1280';
|
||||
window.image_height = '720';
|
||||
window.cdn_url = '//i.imgur.com';
|
||||
|
||||
if(navigator.userAgent.match(/Firefox/)) {
|
||||
document.body.className = document.body.className + ' firefox';
|
||||
}
|
||||
</script>
|
||||
<div class="vid-container">
|
||||
|
||||
|
||||
|
||||
<div class="post-image">
|
||||
|
||||
|
||||
<div class="video-container">
|
||||
<script type="text/javascript">
|
||||
var videoItem = {
|
||||
looping: true,
|
||||
width: 1280,
|
||||
height: 720,
|
||||
size: 30908885,
|
||||
gifUrl: '//i.imgur.com/9C2DZaI.gif',
|
||||
forceGif: false,
|
||||
prefer_video: true,
|
||||
hash: '9C2DZaI'
|
||||
}
|
||||
</script>
|
||||
<video poster="//i.imgur.com/9C2DZaIh.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline></video>
|
||||
<div class="video-elements">
|
||||
<source src="//i.imgur.com/9C2DZaI.mp4" type="video/mp4">
|
||||
</div>
|
||||
<progress value="0" max="100" min="0"></progress>
|
||||
<div class="video-loader"></div>
|
||||
<script id="script9C2DZaI" type="text/javascript" src="//s.imgur.com/min/imageViewerInline.js?1473720239"></script>
|
||||
|
||||
<meta itemprop="thumbnailUrl" content="https://i.imgur.com/9C2DZaIh.jpg" />
|
||||
<meta itemprop="contentURL" content="https://i.imgur.com/9C2DZaI.mp4" />
|
||||
<meta itemprop="embedURL" content="https://i.imgur.com/9C2DZaI.gifv" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var pixel_url = '//i.imgur.com/imageview.gif?a=9C2DZaI&r=' + encodeURIComponent(document.referrer);
|
||||
var pixel = document.createElement('img');
|
||||
pixel.src = pixel_url;
|
||||
</script>
|
||||
|
||||
<div id="chrome">
|
||||
<div class="icon">
|
||||
<a href="//imgur.com/9C2DZaI"><img src="//i.imgur.com/favicon.ico" /></a>
|
||||
</div>
|
||||
<div class="imgur">
|
||||
<a href="//imgur.com/9C2DZaI">Imgur</a>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<a href="//imgur.com/download/9C2DZaI">download</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="//s.imgur.com/min/sharePlayer.js?1473720239"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var _comscore = _comscore || [];
|
||||
_comscore.push({ c1: "2", c2: "7770950" });
|
||||
(function() {
|
||||
var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
|
||||
s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
|
||||
el.parentNode.insertBefore(s, el);
|
||||
})();
|
||||
</script>
|
||||
<noscript>
|
||||
<img src="http://b.scorecardresearch.com/p?c1=2&c2=7770950&cv=2.0&cj=1" />
|
||||
</noscript>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user