Untitled

<html>
    <head>
        <title>Londons energy radio</title>
        <meta charset="UTF-8">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.9/mediaelement-and-player.min.js"></script>
        <script>
            $('video, audio').mediaelementplayer({
                pluginPath: 'https://cdnjs.com/libraries/mediaelement/',
                shimScriptAccess: 'always',
                stretching: 'responsive'
            });
            function updateVbox(){
                var post=$.post('http://livestream.londonsenergyradio.co.uk/hls/test.m3u8');
                post.fail(function(){
                    $("#video").hide();
                    $("#notOnline").show();
                });
                post.done(function(){
                    $("#video").show();
                    $("#notOnline").hide();                })
            ;
        }
        updateVbox();
        window.setInterval(updateVbox,1000);
        </script>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.9/mediaelementplayer.css" />
    </head>
    <body>
        <style type="text/css">
            body{
                background-color: #000000;
            }


        </style>
        <div id="video">
            <video width="640" id="vid" style="width:100%;height:100%;" class="mejs__player" src="http://livestream.londonsenergyradio.co.uk/hls/test.m3u8" type="application/x-mpegURL"></video>
        </div>
        <center><img src="off-air.png" style="width:50%;height:50%;" id="notOnline" alt="offline"/></center>

            <center><script id="cid0020000192815436070" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 600px;height: 400px;">{"handle":"londonsenergyradio","arch":"js","styles":{"a":"3333ff","b":54,"c":"FFFFFF","d":"FFFFFF","f":34,"g":"ff0000","i":34,"j":"ff0000","k":"ffff00","l":"cc0000","m":"000000","n":"FFFFFF","o":34,"p":"10","q":"c0c0c0","r":54,"sbc":"3333ff","sba":74,"fwtickm":1}}</script></center>

    </body>
</html>