forked from qo-op/bunkerbox
83 lines
2.1 KiB
HTML
83 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>_CHANNEL_ : _TITLE_ [BunkerBOX]</title>
|
|
<link rel="icon" type="image/png" href="_IPFSROOT_/styles/logo.png" />
|
|
<link rel="stylesheet" href="_IPFSROOT_/styles/video-js.css" type="text/css" />
|
|
<link rel="stylesheet" href="_IPFSROOT_/styles/forest.css" type="text/css" />
|
|
<link rel="stylesheet" href="_IPFSROOT_/styles/decoration.css" type="text/css" />
|
|
<link rel="stylesheet" href="_IPFSROOT_/styles/layout.css" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h6>
|
|
<a href="https://crowdbunker.com/v/_VUID_" target="bunker"> "<span>BunkerBOX</span>"</a> /ipfs/
|
|
</h6>
|
|
</header>
|
|
|
|
<main>
|
|
<center>
|
|
<div class="row justify-center">
|
|
<video
|
|
id="vbunk"
|
|
class="video-js vjs-theme-forest"
|
|
controls
|
|
preload="auto"
|
|
width="auto" height="auto"
|
|
poster="_IPFSROOT_/_VUID_.jpg"
|
|
|
|
>
|
|
<source src="_IPFSROOT_/_VUID_.m3u8" type="application/x-mpegURL" />
|
|
<p class="vjs-no-js">
|
|
Activer JavaScript SVP
|
|
</p>
|
|
</video>
|
|
</div>
|
|
</center>
|
|
<article>
|
|
<h1 class="video-title">
|
|
_CHANNEL_ : _TITLE_
|
|
</h1>
|
|
</article>
|
|
|
|
<center>
|
|
<div id="videosList"><div class="wrapper"></div></div>
|
|
</center>
|
|
|
|
<h6>
|
|
powered by <a href="https://astroport.com"><span>"</span>Astroport<span>"</span></a>
|
|
</h6>
|
|
|
|
</main>
|
|
</body>
|
|
|
|
<script src="_IPFSROOT_/js/video.min.js"></script>
|
|
<script src="_IPFSROOT_/js/jquery.min.js"></script>
|
|
<script src="_IPFSROOT_/js/pagination.min.js"></script>
|
|
<link rel="stylesheet" href="_IPFSROOT_/styles/pagination.css" />
|
|
<script>
|
|
var player = videojs('vbunk', {
|
|
autoplay: 'muted'
|
|
});
|
|
|
|
</script>
|
|
|
|
<script>
|
|
$.getJSON('./history.json', function (json) {
|
|
$('#videosList').pagination({
|
|
dataSource: json.Videos,
|
|
pageSize: 1,
|
|
callback: function(data, pagination) {
|
|
var wrapper = $('#videosList .wrapper').empty();
|
|
$.each(data, function (i, f) {
|
|
$('#videosList .wrapper').append('<ul><li>' + f.link + '</li></ul>');
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</html>
|