Es geht um kleine, kurze Videos, für die ein separater Thread einfach viel zu viel Aufwand wäre. Imgur als Hoster ist ok, auch wenn die Videos so nicht direkt eingebunden werden können.
Gifv ist einfach nur HTML, einfach mal das eigentliche Gifv downloaden und in einem Texteditor angucken. Im Beispiel von MSX sieht das so aus:
[src=html4strict]<!doctype html>
<html>
<head>
<title>Cat's a good spotter.</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=720, user-scalable=yes" />
<link rel="stylesheet" type="text/css" href="//s.imgur.com/min/sharePlayer.css?1471053302" />
<style type="text/css">
#content, #video {
width: 720px;
height: 720px;
}
#chrome, #progress {
width: 720px;
}
</style>
<link rel="alternate" type="application/json+oembed" href="http://api.imgur.com/oembed.json?url=http://i.imgur.com/mdbgkDS.gifv" title="Cat's a good spotter." />
<link rel="alternate" type="application/xml+oembed" href="http://api.imgur.com/oembed.xml?url=http://i.imgur.com/mdbgkDS.gifv" title="Cat's a good spotter." />
<link rel="canonical" href="http://i.imgur.com/mdbgkDS.gifv" />
<meta property="og:site_name" content="Imgur" />
<meta property="og:title" content="Cat's a good spotter." />
<meta property="og:type" content="video.other" />
<meta property="og:url" content="https://i.imgur.com/mdbgkDS.mp4" />
<meta property="og:image" content="https://i.imgur.com/mdbgkDSh.jpg" />
<meta property="og:description" content="Imgur: The most awesome images on the Internet." />
<meta property="og:video:width" content="720" />
<meta property="og:video:height" content="720" />
<meta property="og:video" content="https://i.imgur.com/mdbgkDS.mp4" />
<meta property="og:video:secure_url" content="https://i.imgur.com/mdbgkDS.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="Cat's a good spotter." />
<meta name="twitter:description" content="Imgur: The most awesome images on the Internet." />
<meta name="twitter:image" content="https://i.imgur.com/mdbgkDSh.jpg" />
<meta name="twitter
layer" content="https://i.imgur.com/mdbgkDS.gifv?twitter#t" />
<meta name="twitter
layer:width" content="720" />
<meta name="twitter
layer:height" content="720" />
<meta name="twitter
layer:stream" content="https://i.imgur.com/mdbgkDS.mp4" />
<meta name="twitter
layer:stream:content_type" content="video/mp4">
<!--[if lte IE 8]><script type="text/javascript" src="//s.imgur.com/min/iepoly.js?1471053302"></script>
<![endif]-->
</head>
<body id="body">
<div id="content">
<script type="text/javascript">
window.image = 'mdbgkDS';
window.image_size = '27998801';
window.image_width = '720';
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: 720,
height: 720,
size: 27998801,
gifUrl: '//i.imgur.com/mdbgkDS.gif',
forceGif: false,
prefer_video: true,
hash: 'mdbgkDS'
}
</script>
<video poster="//i.imgur.com/mdbgkDSh.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline></video>
<div class="video-elements">
<source src="//i.imgur.com/mdbgkDS.mp4" type="video/mp4">
</div>
<progress value="0" max="100" min="0"></progress>
<div class="video-loader"></div>
<script id="scriptmdbgkDS" type="text/javascript" src="//s.imgur.com/min/imageViewerInline.js?1471053302"></script>
<meta itemprop="thumbnailUrl" content="https://i.imgur.com/mdbgkDSh.jpg" />
<meta itemprop="contentURL" content="https://i.imgur.com/mdbgkDS.mp4" />
<meta itemprop="embedURL" content="https://i.imgur.com/mdbgkDS.gifv" />
</div>
</div>
</div>
<script type="text/javascript">
var pixel_url = '//i.imgur.com/imageview.gif?a=mdbgkDS&r=' + encodeURIComponent(document.referrer);
var pixel = document.createElement('img');
pixel.src = pixel_url;
</script>
<div id="chrome">
<div class="icon">
<a href="//imgur.com/mdbgkDS"><img src="//i.imgur.com/favicon.ico" /></a>
</div>
<div class="imgur">
<a href="//imgur.com/mdbgkDS">Imgur</a>
</div>
<div class="controls">
<a href="//imgur.com/download/mdbgkDS">download</a>
</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript" src="//s.imgur.com/min/sharePlayer.js?1471053302"></script>
</body>
</html>
[/src]
Bis vor einiger Zeit war es so, dass bei Imgur neben dem GIFV auch immer ein (übergroßes) GIF, ein WEBM und ein MP4 Video mit ähnlicher URL vorhanden war. Mittlerweile wurde wohl etwas umgestellt, sodass oft nur noch MP4 und GIF vorhanden sind, das WEBM jedoch nicht mehr, entsprechend lässt sich das auch nicht mehr auf Picflash laden: das MP4 muss, wie pn schon sagte, zunächst umgewandelt werden (ich bevorzuge hier die Online-Variante, da es praktisch keine Bandbreite kostet: .gifv durch .mp4 im Imgur-Link ersetzen und per Remote auf
. Den Ergebnis-Link dann wieder per Remote auf Picflash.
So, und um jetzt nicht gegen die Regeln zu verstoßen, poste ich noch ein Video (testweise mal als Vorschau):
