You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

49 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<title>XPUB: Collectiveioning</title>
<link rel="stylesheet" type="text/css" href="live.css">
<!-- 1. CDN -->
<!-- <link href="https://unpkg.com/video.js@5.16.0/dist/video-js.css" rel="stylesheet"> -->
<!-- <script src="https://unpkg.com/video.js@5.16.0/dist/video.js"></script> -->
<!-- <script src="https://unpkg.com/videojs-contrib-hls@4.1.1/dist/videojs-contrib-hls.js"></script> -->
<!-- or 2. LOCAL -->
<link href="videojs/video-js.css" rel="stylesheet">
<script src="videojs/video.js"></script>
<script src="videojs/videojs-contrib-hls.js"></script>
</head>
<body>
<div id="content">
<div id="left">
<div id="video">
<div class="content">
<video controls id="master" class="video-js vjs-default-skin vjs-fullscreen" poster="live_poster.png" controls data-setup="{}">
<source src="https://live.lilimit.com:8081/hls1/Aymeric.m3u8" type="application/x-mpegURL" >
<!-- <source src="test.mp4" > -->
</video>
</div>
</div>
<div id="blabla">
<p>Collectiveioning --- text here</p>
</div>
</div>
<div id="pad"><iframe src="https://pad.xpub.nl/p/Collectiveioning"></iframe></div>
</div>
<script>
var player = videojs('master');
player.play();
//player.auto('true'); // this seems to be wrong (no auto method)
player.autoplay(true);
//player.on("fullscreenchange", (a, b, c) => {
// console.log("fullscreen change", a, b, c);
// var ret = player.isFullscreen();
// console.log("isFullscreen", ret);
//})
</script>
</body>
</html>