<!DOCTYPE html>
<html lang="en">
<head>
    <title>JW Player BY SHIHAB TV</title>
    <link rel="stylesheet" type="text/css" href="https://shiki.tv-shihab.xyz/all/jw.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://cdn.jwplayer.com/libraries/IDzF9Zmk.js"></script>
    <script src="https://ssl.p.jwpcdn.com/player/v/8.26.0/jwplayer.js"></script>
    <script>jwplayer.key = "64HPbvSQorQcd52B8XFuhMtEoitbvY/EXJmMBfKcXZQU2Rnn";</script>
</head>
<body>
<div id="myElement"></div>

<script type="text/javascript">
   
    function getQueryParam(param) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(param);
    }
    const m3u8Link = getQueryParam('m3u8');
    jwplayer("myElement").setup({
        width: '100%',
        height: '100%',
        autostart: true,
        fullscreen: true,
        controls: true,
        pipIcon: "enabled",
        volume: 50,
      	mute: false,
        preload: "auto",
        file: `stream.php?m3u8=${m3u8Link}`,
        aspectratio: "16:9",
        stretching: "exactfit",
        aboutlink: "https://tv-shihab.xyz/",
        logo: {
            "file": "https://tv-shihab.xyz/wp-content/uploads/2024/03/tv-shihab-logo-w.png",
            "margin": "15px",
          	"hide" : false,
            "position": "top-right",
            "link": "https://tv-shihab.xyz/"
        },
        captions: {
            color: '#ffb800',
            fontSize: 30,
            backgroundOpacity: 0
        },
        type: "hls",
        primary: "html5",
        hlshtml: true
    });
</script>
</body>
</html>
