Astroport.ONE/templates/videojs.html

53 lines
1.4 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
2022-04-02 02:43:24 +02:00
<meta charset="utf-8">
<title>_PSEUDO_ [IPFS Bunker BOX]</title>
<link rel="stylesheet" href="_IPFSROOT_/styles/video-js.css" type="text/css" />
2022-04-01 02:35:41 +02:00
<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" />
<link rel="icon" type="image/png" href="_IPFSROOT_/styles/logo.png" />
</head>
<body>
<header>
<h6>
2022-04-02 02:43:24 +02:00
<a href="https://astroport.com"> "<span>Bunker BOX</span>"</a> powered by <span>"</span>Astroport<span>"</span>
</h6>
</header>
<main>
<article>
<video
2022-04-02 02:43:24 +02:00
id="_HLS_"
2022-04-01 02:35:41 +02:00
class="video-js vjs-theme-forest"
controls
preload="auto"
width="640"
height="360"
2022-04-02 02:43:24 +02:00
poster="_IPFSROOT_/styles/logo.png"
data-setup="{}"
>
2022-04-02 02:43:24 +02:00
<source src="_IPFSROOT_/_HLS_" type="application/x-mpegURL" />
<p class="vjs-no-js">
2022-04-01 02:35:41 +02:00
Activer JavaScript SVP
</p>
</video>
2022-04-01 02:35:41 +02:00
<h1 class="video-title">
_PSEUDO_ (_DATE_)
</h1>
</article>
</main>
</body>
<!-- Put these JS files together with this HTML file -->
<script src="_IPFSROOT_/js/video.min.js"></script>
2022-04-01 02:35:41 +02:00
<script src="_IPFSROOT_/js/videojs-contrib-hls.min.js"></script>
<script>
2022-04-02 02:43:24 +02:00
var player = videojs('_HLS_');
player.play();
</script>
</html>