@extends('channels.layouts.master')
@php
    $setting = setting();
@endphp
@section('content')
     <script src="https://player.mtlivestream.site/files/video.js" type="text/javascript"></script>
    <script src="https://player.mtlivestream.site/files/videojs-http-streaming.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://player.mtlivestream.site/files/video-js.min.css">
    <br>
    <div class="DSpeEvent" style="    background: #0c525d;
    margin-bottom: 10px;
    padding: 20px 0;">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="DSpeEventTitle" style="color: #fff;
                            font-size: 22px;
                            font-weight: 700;
                            margin: 10px 0;
                            position: relative;
                            text-align: center;
                            "><h5> Channel S </h5></div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-12 col-sm-10 col-md-8 col-lg-6">

<!--
                    <video
                        id="live_stream"
                        class="video-js vjs-fluid vjs-default-skin vjs-big-play-centered"
                        autoplay
                        playsinline
                        controls
                        preload="auto"
                        poster="https://channels.com.bd/storage/project_files/logo/2024-05-14a_n17156821814310.png"
                        width="auto"
                        height="auto"
                        title="Channel S Online"
                        data-setup='{}'
                    >

                        <source src="https://amigofx.com:1936/channelsreporter/channelsreporter/playlist.m3u8" type="application/x-mpegURL">

                    </video>
-->

<iframe src="https://mcaster.tv/channel/channels.php?u=channels&amp;vw=100%&amp;vh=410 " name="ifram2" width="100%" height="450" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe>

                </div>
            </div>
        </div>
    </div>

    <style>
        #myPopModal{
            display:none;
        }
        .modal-content{
            display:none;
        }
        .DSpeEventTitle h5:before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVQImWNoYOP7z4ANNLDx/UeRxBCAAQAgiwfg34PjsQAAAABJRU5ErkJggg==);
            content: "";
            height: 100%;
            position: absolute;
            width: 33%;
        }

        .DSpeEventTitle h5:before {
            -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
            left: 0;
        }

        .DSpeEventTitle h5 {
            color: #fff;
            font-size: 22px;
            font-weight: 700;
            margin: 10px 0;
            position: relative;
            text-align: center;
        }

        .DSpeEventTitle h5:after {
            -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
            right: 0;
        }

        .DSpeEventTitle h5:after, .DSpeEventTitle h5:before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVQImWNoYOP7z4ANNLDx/UeRxBCAAQAgiwfg34PjsQAAAABJRU5ErkJggg==);
            content: "";
            height: 100%;
            position: absolute;
            width: 33%;
        }
        @if(Route::is('asian.tv.live'))
        .chat-box{
            display: none;
        }
        @endif

    </style>

    <script>
         // Function to hide the player and stop all activities
        function hidePlayerAndStopActivities() {
            // Hide the player
            document.getElementById('player').style.display = 'none';

            // Stop the player
            player.api("stop");
        }

        // Hide the player and stop all activities after 3 seconds
        setTimeout(hidePlayerAndStopActivities, 3000);
    </script>
@endsection