JSFiddle - React, Tailwind, and code Playground
by fredd man
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jetload.NET - fr0z3n.2.2019.ts.latino.mp4</title>
<link href="https://jetload.net/jet/frontpage/frontpage/asset/img/favicon/favicon.ico" rel="icon">
<link href="https://vjs.zencdn.net/7.5.5/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.5.5/video.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/src/videojs.logobrand.css">
<script src="https://cdn.streamroot.io/videojs-hlsjs-plugin/1/stable/videojs-hlsjs-plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/videojs.logobrand.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js" charset="utf-8"></script>
<style>
#video {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
html,body{
height: 100%; width: 100%; margin: 0;padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<video id="video" class="video-js vjs-default-skin" preload="none" controls playsinline >
</video>
<script>
try {
document.domain="jetload.net";
var player = videojs("video", {
html5: {
hlsjsConfig: {
liveSyncDurationCount: 3, // To have at least 7 segments in queue
},
}
});
} catch (e) {
console.log(e);
$('video').hide()
$('video').src('0')
}
player.src({
src: "https://valex.hlssrv.com/hls_serve/wyQw2y6bBlqWwJyJm9UAdg/1575857880/czBOOpkAAldSXaCPt53x/pl2.m3u8",
type: "application/x-mpegURL",
});
player.poster("https://valex.hlssrv.com/hls_serve/wyQw2y6bBlqWwJyJm9UAdg/1575857880/czBOOpkAAldSXaCPt53x/splash.png")
var max_count = 0
player.on('playing', function()...