bunkerbox/templates/videojs.html

94 lines
2.7 KiB
HTML
Raw Permalink Normal View History

2022-04-07 02:14:21 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>_CHANNEL_ : _TITLE_ [BunkerBOX]</title>
<link rel="icon" type="image/png" href="styles/logo.png" />
<link rel="stylesheet" href="styles/video-js.css" type="text/css" />
<link rel="stylesheet" href="styles/forest.css" type="text/css" />
<link rel="stylesheet" href="styles/decoration.css" type="text/css" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script src="js/video.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/pagination.min.js"></script>
<link rel="stylesheet" href="styles/pagination.css" />
2022-04-07 02:14:21 +02:00
</head>
<body>
<header>
<h6>
<a href="_IPNSL_"> "<span>BunkerBOX</span>"</a>@<a href="_IPNSL_/tw/_CHANNEL_" target="_CHANNEL_"><span>_CHANNEL_</span></a>
2022-04-07 02:14:21 +02:00
</h6>
</header>
<main>
<center>
<div class="row justify-center">
<video
id="vbunk"
class="video-js vjs-theme-forest"
controls
preload="auto"
2022-04-08 20:06:07 +02:00
width="auto" height="360"
poster="_VUID_.jpg"
2022-04-07 02:14:21 +02:00
>
<source src="_VUID_.m3u8" type="application/x-mpegURL" />
2022-04-07 02:14:21 +02:00
<p class="vjs-no-js">
Activer JavaScript SVP
</p>
</video>
</div>
</center>
2022-04-07 02:14:21 +02:00
<article>
<h1 class="video-title">
2022-04-08 18:32:40 +02:00
_TITLE_
2022-04-07 02:14:21 +02:00
</h1>
</article>
<article>
<h3 class="video-title">
<a href="_IPNSL_/tw/_CHANNEL_" target="_CHANNEL_">Cette chaine @_CHANNEL_ possède son "bloc note interplanétaire".</a>
</h3>
</article>
2022-04-08 18:02:23 +02:00
<div id="videosChan"><div class="wrapper"></div></div>
2022-04-08 19:59:29 +02:00
2022-04-08 15:25:19 +02:00
<center>
2022-04-07 02:14:21 +02:00
<h6>
2022-04-08 21:59:31 +02:00
<a href="https://crowdbunker.com/v/_VUID_" target="bunker"> _\/_ </a> powered by <a href="https://astroport.com"><span>"</span>Astroport<span>"</span></a>
2022-04-07 02:14:21 +02:00
</h6>
2022-04-08 15:25:19 +02:00
</center>
2022-04-07 02:14:21 +02:00
</main>
</body>
<script>
var player = videojs('vbunk', {
});
</script>
<script>
2022-04-08 18:54:40 +02:00
$.getJSON('_IPNSL_/history._CHANNEL_.json', function (json) {
// _IPNSL_ is showing the latest, could be relative to show the actual chain.
2022-04-08 18:41:26 +02:00
$('#videosChan').pagination({
2022-04-08 18:02:23 +02:00
dataSource: json.Videos,
2022-04-08 19:59:29 +02:00
pageSize: 1,
2022-04-08 18:02:23 +02:00
callback: function(data, pagination) {
2022-04-08 18:41:26 +02:00
var wrapper = $('#videosChan .wrapper').empty();
2022-04-08 18:02:23 +02:00
$.each(data, function (i, f) {
2022-04-08 18:41:26 +02:00
$('#videosChan .wrapper').append('<ul><li><div class="snippet-block">' + f.link + '</div></li></ul>');
2022-04-07 02:14:21 +02:00
});
}
});
});
</script>
<!-- Matomo Tag Manager -->
<script>
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
2022-04-22 10:28:55 +02:00
g.async=true; g.src='https://piwik.p2p.legal/js/container_XDhfGZPj.js'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->
2022-04-07 02:14:21 +02:00
</html>