<?php
    require_once('config.php');
    
    ?>
        <style>
            :root {
                --button-color: <?php echo THEME_COLOR; ?>;
            }
        </style>
    <?php
    
    $id = @$_GET['id'];
    $numericOnly = preg_replace("/[^0-9]/", "", $id);
    

    $video_id=$numericOnly;
    
    $data = [
        "video_id" => $video_id,
    ];
    
    $url = $baseurl . 'showVideoDetail';
    $json_data = @curl_request($data, $url);
    
    
    if(is_array($json_data) || is_object($json_data)) 
    {
        if($json_data['code']=="200")
        {
            $json_data=$json_data['msg'];
            
            ?>
                <head>
                    <style class="vjs-styles-defaults">
                        .video-js {
                            width: 300px;
                            height: 150px;
                        }
                
                        .vjs-fluid:not(.vjs-audio-only-mode) {
                            padding-top: 56.25%;
                        }
                    </style>
                    <style class="vjs-styles-dimensions">
                        .vjs_video_3-dimensions {
                            width: 720px;
                            height: 1280px;
                        }
                
                        .vjs_video_3-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
                            padding-top: 177.77777777777777%;
                        }
                    </style>
                    <base href="<?php echo BASE_URL;?>">
                    <title><?php echo $json_data['Video']['description']; ?></title>
                    <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
                    <link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico" />
                    <link rel="preload" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" as="style" />
                    <link rel="preload" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" as="style" />
                    <link rel="preload" href="assets/css/d1ba24c.css?token=<?php echo time(); ?>" as="style" />
                    <link rel="preload" href="assets/css/26aaed4.css?token=<?php echo time(); ?>" as="style" />
                    <link rel="stylesheet" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" />
                    <link rel="stylesheet" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" />
                    <link rel="stylesheet" href="assets/css/d1ba24c.css?token=<?php echo time(); ?>" />
                    <link rel="stylesheet" href="assets/css/26aaed4.css?token=<?php echo time(); ?>" />
                    <link rel="stylesheet" href="assets/css/64e9952.css?token=<?php echo time(); ?>" />
                    
                    
                    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                    <script>
                    $(document).ready(function(){
                        $("a[href='#']").click(function(event){
                            event.preventDefault(); // Prevent default action
                            $('.download-dialog').removeAttr("style");
                        });
                        
                        $(".close").click(function(event){
                            event.preventDefault(); // Prevent default action
                            $('.download-dialog').css({
                                "display": "none"
                            });
                        });
                        
                        
                    });
                    </script>
                    
                    <script>
                        $(document).ready(function () {
                            var video = $(".vjs-tech")[0];
                
                            $(".canplay").click(function () {
                                if (video.paused) {
                                    video.play();
                                    $(".canplay span").css({
                                        "display": "none"
                                    });
                                } else {
                                    video.pause();
                                    $(".canplay span").css({
                                        "display": "block"
                                    });
                                }
                            });
                
                            $(".vjs-tech").click(function () {
                                if (video.paused) {
                                    video.play();
                                    $(".canplay span").css({
                                        "display": "none"
                                    });
                                } else {
                                    video.pause();
                                    $(".canplay span").css({
                                        "display": "block"
                                    });
                                }
                            });
                        });
                    </script>
                    
                    
                    
                </head>
                
                <body>
                    <div id="__nuxt">
                        <!---->
                        <div id="__layout">
                            <div>
                                <div>
                                    <div class="main-content">
                                        <div class="main-layout-v">
                                            <div class="video-container">
                                                <div class="video-player" style="display: block;">
                                                    <div
                                                        id="vjs_video_3"
                                                        class="video-js vjs-fill vjs_video_3-dimensions vjs-controls-disabled vjs-workinghover vjs-v7 vjs-has-started vjs-paused vjs-user-inactive"
                                                        tabindex="-1"
                                                        lang="en-us"
                                                        translate="no"
                                                        role="region"
                                                        aria-label="Video Player"
                                                    >
                                                        <video
                                                            class="vjs-tech"
                                                            id="vjs_video_3_html5_api"
                                                            tabindex="-1"
                                                            preload="auto"
                                                            playsinline="playsinline"
                                                            src="<?php echo $json_data['Video']['video']; ?>"
                                                        ></video>
                                                        <div
                                                            class="vjs-poster"
                                                            tabindex="-1"
                                                            aria-disabled="false"
                                                            style="background-image: url('<?php echo $json_data['Video']['thum']; ?>');"
                                                        ></div>
                                                        <div class="vjs-text-track-display" translate="yes" aria-live="off" aria-atomic="true"><div style="position: absolute; inset: 0px; margin: 1.5%;"></div></div>
                                                        <button class="vjs-big-play-button" type="button" title="Play Video" aria-disabled="false">
                                                            <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Play Video</span>
                                                        </button>
                                                        <div class="vjs-control-bar" dir="ltr">
                                                            <button class="vjs-play-control vjs-control vjs-button vjs-paused" type="button" title="Play" aria-disabled="false">
                                                                <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Play</span>
                                                            </button>
                                                            <div class="vjs-volume-panel vjs-control vjs-volume-panel-horizontal">
                                                                <button class="vjs-mute-control vjs-control vjs-button vjs-vol-3" type="button" title="Mute" aria-disabled="false">
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Mute</span>
                                                                </button>
                                                                <div class="vjs-volume-control vjs-control vjs-volume-horizontal">
                                                                    <div
                                                                        tabindex="0"
                                                                        class="vjs-volume-bar vjs-slider-bar vjs-slider vjs-slider-horizontal"
                                                                        role="slider"
                                                                        aria-valuenow="100"
                                                                        aria-valuemin="0"
                                                                        aria-valuemax="100"
                                                                        aria-label="Volume Level"
                                                                        aria-live="polite"
                                                                        aria-valuetext="100%"
                                                                    >
                                                                        <div class="vjs-mouse-display"><div class="vjs-volume-tooltip" aria-hidden="true"></div></div>
                                                                        <div class="vjs-volume-level"><span class="vjs-control-text"></span></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-current-time vjs-time-control vjs-control">
                                                                <span class="vjs-control-text" role="presentation">Current Time&nbsp;</span><span class="vjs-current-time-display" aria-live="off" role="presentation">0:00</span>
                                                            </div>
                                                            <div class="vjs-time-control vjs-time-divider" aria-hidden="true">
                                                                <div><span>/</span></div>
                                                            </div>
                                                            <div class="vjs-duration vjs-time-control vjs-control">
                                                                <span class="vjs-control-text" role="presentation">Duration&nbsp;</span><span class="vjs-duration-display" aria-live="off" role="presentation">0:15</span>
                                                            </div>
                                                            <div class="vjs-progress-control vjs-control">
                                                                <div
                                                                    tabindex="0"
                                                                    class="vjs-progress-holder vjs-slider vjs-slider-horizontal"
                                                                    role="slider"
                                                                    aria-valuenow="5.74"
                                                                    aria-valuemin="0"
                                                                    aria-valuemax="100"
                                                                    aria-label="Progress Bar"
                                                                    aria-valuetext="0:00 of 0:15"
                                                                >
                                                                    <div class="vjs-load-progress" style="width: 66.77%;">
                                                                        <span class="vjs-control-text"><span>Loaded</span>: <span class="vjs-control-text-loaded-percentage">66.77%</span></span>
                                                                        <div data-start="0.000656" data-end="10.304656" style="left: 0.01%; width: 99.99%;"></div>
                                                                    </div>
                                                                    <div class="vjs-mouse-display"><div class="vjs-time-tooltip" aria-hidden="true"></div></div>
                                                                    <div class="vjs-play-progress vjs-slider-bar" aria-hidden="true" style="width: 5.74%;"><div class="vjs-time-tooltip" aria-hidden="true" style="right: 0px;">0:00</div></div>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-live-control vjs-control vjs-hidden">
                                                                <div class="vjs-live-display" aria-live="off"><span class="vjs-control-text">Stream Type&nbsp;</span>LIVE</div>
                                                            </div>
                                                            <button class="vjs-seek-to-live-control vjs-control" type="button" title="Seek to live, currently behind live" aria-disabled="false">
                                                                <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Seek to live, currently behind live</span>
                                                                <span class="vjs-seek-to-live-text" aria-hidden="true">LIVE</span>
                                                            </button>
                                                            <div class="vjs-remaining-time vjs-time-control vjs-control">
                                                                <span class="vjs-control-text" role="presentation">Remaining Time&nbsp;</span><span aria-hidden="true">-</span>
                                                                <span class="vjs-remaining-time-display" aria-live="off" role="presentation">0:15</span>
                                                            </div>
                                                            <div class="vjs-custom-control-spacer vjs-spacer">&nbsp;</div>
                                                            <div class="vjs-playback-rate vjs-menu-button vjs-menu-button-popup vjs-control vjs-button">
                                                                <div class="vjs-playback-rate-value" id="vjs-playback-rate-value-label-vjs_video_3_component_250">1x</div>
                                                                <button
                                                                    class="vjs-playback-rate vjs-menu-button vjs-menu-button-popup vjs-button"
                                                                    type="button"
                                                                    aria-disabled="false"
                                                                    title="Playback Rate"
                                                                    aria-haspopup="true"
                                                                    aria-expanded="false"
                                                                    aria-describedby="vjs-playback-rate-value-label-vjs_video_3_component_250"
                                                                >
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Playback Rate</span>
                                                                </button>
                                                                <div class="vjs-menu">
                                                                    <ul class="vjs-menu-content" role="menu">
                                                                        <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemradio" aria-disabled="false" aria-checked="true">
                                                                            <span class="vjs-menu-item-text">1x</span><span class="vjs-control-text" aria-live="polite">, selected</span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-chapters-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden">
                                                                <button class="vjs-chapters-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-disabled="false" title="Chapters" aria-haspopup="true" aria-expanded="false">
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Chapters</span>
                                                                </button>
                                                                <div class="vjs-menu">
                                                                    <ul class="vjs-menu-content">
                                                                        <li class="vjs-menu-title" tabindex="-1">Chapters</li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-descriptions-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden">
                                                                <button class="vjs-descriptions-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-disabled="false" title="Descriptions" aria-haspopup="true" aria-expanded="false">
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Descriptions</span>
                                                                </button>
                                                                <div class="vjs-menu">
                                                                    <ul class="vjs-menu-content">
                                                                        <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemradio" aria-disabled="false" aria-checked="true">
                                                                            <span class="vjs-menu-item-text">descriptions off</span><span class="vjs-control-text" aria-live="polite">, selected</span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-subs-caps-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden">
                                                                <button class="vjs-subs-caps-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-disabled="false" title="Captions" aria-haspopup="true" aria-expanded="false">
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Captions</span>
                                                                </button>
                                                                <div class="vjs-menu">
                                                                    <ul class="vjs-menu-content">
                                                                        <li class="vjs-menu-item vjs-texttrack-settings" tabindex="-1" role="menuitem" aria-disabled="false">
                                                                            <span class="vjs-menu-item-text">captions settings</span><span class="vjs-control-text" aria-live="polite">, opens captions settings dialog</span>
                                                                        </li>
                                                                        <li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemradio" aria-disabled="false" aria-checked="true">
                                                                            <span class="vjs-menu-item-text">captions off</span><span class="vjs-control-text" aria-live="polite">, selected</span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="vjs-audio-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden">
                                                                <button class="vjs-audio-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-disabled="false" title="Audio Track" aria-haspopup="true" aria-expanded="false">
                                                                    <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Audio Track</span>
                                                                </button>
                                                                <div class="vjs-menu"><ul class="vjs-menu-content"></ul></div>
                                                            </div>
                                                            <button class="vjs-fullscreen-control vjs-control vjs-button" type="button" title="Fullscreen" aria-disabled="false">
                                                                <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Fullscreen</span>
                                                            </button>
                                                        </div>
                                                        <div class="vjs-error-display vjs-modal-dialog vjs-hidden" tabindex="-1" aria-describedby="vjs_video_3_component_468_description" aria-hidden="true" aria-label="Modal Window" role="dialog">
                                                            <p class="vjs-modal-dialog-description vjs-control-text" id="vjs_video_3_component_468_description">This is a modal window.</p>
                                                            <div class="vjs-modal-dialog-content" role="document"></div>
                                                        </div>
                                                        <div
                                                            class="vjs-modal-dialog vjs-hidden vjs-text-track-settings"
                                                            tabindex="-1"
                                                            aria-describedby="vjs_video_3_component_474_description"
                                                            aria-hidden="true"
                                                            aria-label="Caption Settings Dialog"
                                                            role="dialog"
                                                        >
                                                            <p class="vjs-modal-dialog-description vjs-control-text" id="vjs_video_3_component_474_description">Beginning of dialog window. Escape will cancel and close the window.</p>
                                                            <div class="vjs-modal-dialog-content" role="document">
                                                                <div class="vjs-track-settings-colors">
                                                                    <fieldset class="vjs-fg-color vjs-track-setting">
                                                                        <legend id="captions-text-legend-vjs_video_3_component_474">Text</legend>
                                                                        <label id="captions-foreground-color-vjs_video_3_component_474" class="vjs-label">Color</label>
                                                                        <select aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474">
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-White"
                                                                                value="#FFF"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-White"
                                                                            >
                                                                                White
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Black"
                                                                                value="#000"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Black"
                                                                            >
                                                                                Black
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Red"
                                                                                value="#F00"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Red"
                                                                            >
                                                                                Red
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Green"
                                                                                value="#0F0"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Green"
                                                                            >
                                                                                Green
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Blue"
                                                                                value="#00F"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Blue"
                                                                            >
                                                                                Blue
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Yellow"
                                                                                value="#FF0"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Yellow"
                                                                            >
                                                                                Yellow
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Magenta"
                                                                                value="#F0F"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Magenta"
                                                                            >
                                                                                Magenta
                                                                            </option>
                                                                            <option
                                                                                id="captions-foreground-color-vjs_video_3_component_474-Cyan"
                                                                                value="#0FF"
                                                                                aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474 captions-foreground-color-vjs_video_3_component_474-Cyan"
                                                                            >
                                                                                Cyan
                                                                            </option>
                                                                        </select>
                                                                        <span class="vjs-text-opacity vjs-opacity">
                                                                            <label id="captions-foreground-opacity-vjs_video_3_component_474" class="vjs-label">Transparency</label>
                                                                            <select aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-opacity-vjs_video_3_component_474">
                                                                                <option
                                                                                    id="captions-foreground-opacity-vjs_video_3_component_474-Opaque"
                                                                                    value="1"
                                                                                    aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-opacity-vjs_video_3_component_474 captions-foreground-opacity-vjs_video_3_component_474-Opaque"
                                                                                >
                                                                                    Opaque
                                                                                </option>
                                                                                <option
                                                                                    id="captions-foreground-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                    value="0.5"
                                                                                    aria-labelledby="captions-text-legend-vjs_video_3_component_474 captions-foreground-opacity-vjs_video_3_component_474 captions-foreground-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                >
                                                                                    Semi-Transparent
                                                                                </option>
                                                                            </select>
                                                                        </span>
                                                                    </fieldset>
                                                                    <fieldset class="vjs-bg-color vjs-track-setting">
                                                                        <legend id="captions-background-vjs_video_3_component_474">Background</legend>
                                                                        <label id="captions-background-color-vjs_video_3_component_474" class="vjs-label">Color</label>
                                                                        <select aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474">
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Black"
                                                                                value="#000"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Black"
                                                                            >
                                                                                Black
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-White"
                                                                                value="#FFF"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-White"
                                                                            >
                                                                                White
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Red"
                                                                                value="#F00"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Red"
                                                                            >
                                                                                Red
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Green"
                                                                                value="#0F0"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Green"
                                                                            >
                                                                                Green
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Blue"
                                                                                value="#00F"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Blue"
                                                                            >
                                                                                Blue
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Yellow"
                                                                                value="#FF0"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Yellow"
                                                                            >
                                                                                Yellow
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Magenta"
                                                                                value="#F0F"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Magenta"
                                                                            >
                                                                                Magenta
                                                                            </option>
                                                                            <option
                                                                                id="captions-background-color-vjs_video_3_component_474-Cyan"
                                                                                value="#0FF"
                                                                                aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474 captions-background-color-vjs_video_3_component_474-Cyan"
                                                                            >
                                                                                Cyan
                                                                            </option>
                                                                        </select>
                                                                        <span class="vjs-bg-opacity vjs-opacity">
                                                                            <label id="captions-background-opacity-vjs_video_3_component_474" class="vjs-label">Transparency</label>
                                                                            <select aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474">
                                                                                <option
                                                                                    id="captions-background-opacity-vjs_video_3_component_474-Opaque"
                                                                                    value="1"
                                                                                    aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474-Opaque"
                                                                                >
                                                                                    Opaque
                                                                                </option>
                                                                                <option
                                                                                    id="captions-background-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                    value="0.5"
                                                                                    aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                >
                                                                                    Semi-Transparent
                                                                                </option>
                                                                                <option
                                                                                    id="captions-background-opacity-vjs_video_3_component_474-Transparent"
                                                                                    value="0"
                                                                                    aria-labelledby="captions-background-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474 captions-background-opacity-vjs_video_3_component_474-Transparent"
                                                                                >
                                                                                    Transparent
                                                                                </option>
                                                                            </select>
                                                                        </span>
                                                                    </fieldset>
                                                                    <fieldset class="vjs-window-color vjs-track-setting">
                                                                        <legend id="captions-window-vjs_video_3_component_474">Window</legend>
                                                                        <label id="captions-window-color-vjs_video_3_component_474" class="vjs-label">Color</label>
                                                                        <select aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474">
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Black"
                                                                                value="#000"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Black"
                                                                            >
                                                                                Black
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-White"
                                                                                value="#FFF"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-White"
                                                                            >
                                                                                White
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Red"
                                                                                value="#F00"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Red"
                                                                            >
                                                                                Red
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Green"
                                                                                value="#0F0"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Green"
                                                                            >
                                                                                Green
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Blue"
                                                                                value="#00F"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Blue"
                                                                            >
                                                                                Blue
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Yellow"
                                                                                value="#FF0"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Yellow"
                                                                            >
                                                                                Yellow
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Magenta"
                                                                                value="#F0F"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Magenta"
                                                                            >
                                                                                Magenta
                                                                            </option>
                                                                            <option
                                                                                id="captions-window-color-vjs_video_3_component_474-Cyan"
                                                                                value="#0FF"
                                                                                aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474 captions-window-color-vjs_video_3_component_474-Cyan"
                                                                            >
                                                                                Cyan
                                                                            </option>
                                                                        </select>
                                                                        <span class="vjs-window-opacity vjs-opacity">
                                                                            <label id="captions-window-opacity-vjs_video_3_component_474" class="vjs-label">Transparency</label>
                                                                            <select aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474">
                                                                                <option
                                                                                    id="captions-window-opacity-vjs_video_3_component_474-Transparent"
                                                                                    value="0"
                                                                                    aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474-Transparent"
                                                                                >
                                                                                    Transparent
                                                                                </option>
                                                                                <option
                                                                                    id="captions-window-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                    value="0.5"
                                                                                    aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474-SemiTransparent"
                                                                                >
                                                                                    Semi-Transparent
                                                                                </option>
                                                                                <option
                                                                                    id="captions-window-opacity-vjs_video_3_component_474-Opaque"
                                                                                    value="1"
                                                                                    aria-labelledby="captions-window-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474 captions-window-opacity-vjs_video_3_component_474-Opaque"
                                                                                >
                                                                                    Opaque
                                                                                </option>
                                                                            </select>
                                                                        </span>
                                                                    </fieldset>
                                                                </div>
                                                                <div class="vjs-track-settings-font">
                                                                    <fieldset class="vjs-font-percent vjs-track-setting">
                                                                        <legend id="captions-font-size-vjs_video_3_component_474" class="">Font Size</legend>
                                                                        <select aria-labelledby="captions-font-size-vjs_video_3_component_474">
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-50"
                                                                                value="0.50"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-50"
                                                                            >
                                                                                50%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-75"
                                                                                value="0.75"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-75"
                                                                            >
                                                                                75%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-100"
                                                                                value="1.00"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-100"
                                                                            >
                                                                                100%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-125"
                                                                                value="1.25"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-125"
                                                                            >
                                                                                125%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-150"
                                                                                value="1.50"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-150"
                                                                            >
                                                                                150%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-175"
                                                                                value="1.75"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-175"
                                                                            >
                                                                                175%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-200"
                                                                                value="2.00"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-200"
                                                                            >
                                                                                200%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-300"
                                                                                value="3.00"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-300"
                                                                            >
                                                                                300%
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-size-vjs_video_3_component_474-400"
                                                                                value="4.00"
                                                                                aria-labelledby="captions-font-size-vjs_video_3_component_474 captions-font-size-vjs_video_3_component_474-400"
                                                                            >
                                                                                400%
                                                                            </option>
                                                                        </select>
                                                                    </fieldset>
                                                                    <fieldset class="vjs-edge-style vjs-track-setting">
                                                                        <legend id="vjs_video_3_component_474" class="">Text Edge Style</legend>
                                                                        <select aria-labelledby="vjs_video_3_component_474">
                                                                            <option id="vjs_video_3_component_474-None" value="none" aria-labelledby="vjs_video_3_component_474 vjs_video_3_component_474-None">None</option>
                                                                            <option id="vjs_video_3_component_474-Raised" value="raised" aria-labelledby="vjs_video_3_component_474 vjs_video_3_component_474-Raised">Raised</option>
                                                                            <option id="vjs_video_3_component_474-Depressed" value="depressed" aria-labelledby="vjs_video_3_component_474 vjs_video_3_component_474-Depressed">Depressed</option>
                                                                            <option id="vjs_video_3_component_474-Uniform" value="uniform" aria-labelledby="vjs_video_3_component_474 vjs_video_3_component_474-Uniform">Uniform</option>
                                                                            <option id="vjs_video_3_component_474-Dropshadow" value="dropshadow" aria-labelledby="vjs_video_3_component_474 vjs_video_3_component_474-Dropshadow">Dropshadow</option>
                                                                        </select>
                                                                    </fieldset>
                                                                    <fieldset class="vjs-font-family vjs-track-setting">
                                                                        <legend id="captions-font-family-vjs_video_3_component_474" class="">Font Family</legend>
                                                                        <select aria-labelledby="captions-font-family-vjs_video_3_component_474">
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-ProportionalSansSerif"
                                                                                value="proportionalSansSerif"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-ProportionalSansSerif"
                                                                            >
                                                                                Proportional Sans-Serif
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-MonospaceSansSerif"
                                                                                value="monospaceSansSerif"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-MonospaceSansSerif"
                                                                            >
                                                                                Monospace Sans-Serif
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-ProportionalSerif"
                                                                                value="proportionalSerif"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-ProportionalSerif"
                                                                            >
                                                                                Proportional Serif
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-MonospaceSerif"
                                                                                value="monospaceSerif"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-MonospaceSerif"
                                                                            >
                                                                                Monospace Serif
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-Casual"
                                                                                value="casual"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-Casual"
                                                                            >
                                                                                Casual
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-Script"
                                                                                value="script"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-Script"
                                                                            >
                                                                                Script
                                                                            </option>
                                                                            <option
                                                                                id="captions-font-family-vjs_video_3_component_474-SmallCaps"
                                                                                value="small-caps"
                                                                                aria-labelledby="captions-font-family-vjs_video_3_component_474 captions-font-family-vjs_video_3_component_474-SmallCaps"
                                                                            >
                                                                                Small Caps
                                                                            </option>
                                                                        </select>
                                                                    </fieldset>
                                                                </div>
                                                                <div class="vjs-track-settings-controls">
                                                                    <button type="button" class="vjs-default-button" title="restore all settings to the default values">
                                                                        Reset<span class="vjs-control-text"> restore all settings to the default values</span>
                                                                    </button>
                                                                    <button type="button" class="vjs-done-button">Done</button>
                                                                </div>
                                                            </div>
                                                            <button class="vjs-close-button vjs-control vjs-button" type="button" title="Close Modal Dialog" aria-disabled="false">
                                                                <span class="vjs-icon-placeholder" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">Close Modal Dialog</span>
                                                            </button>
                                                            <p class="vjs-control-text">End of dialog window.</p>
                                                        </div>
                                                        <div class="loading-spinner" dir="ltr">
                                                            <svg
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                viewBox="0 0 500 300"
                                                                width="500"
                                                                height="300"
                                                                style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"
                                                                preserveAspectRatio="xMidYMid meet"
                                                            >
                                                                <defs>
                                                                    <clipPath id="__lottie_element_2"><rect width="500" height="300" x="0" y="0"></rect></clipPath>
                                                                </defs>
                                                                <g clip-path="url(#__lottie_element_2)">
                                                                    <g style="display: block;" transform="matrix(0.9800000190734863,0,0,0.9800000190734863,150,220)" opacity="1">
                                                                        <g opacity="1" transform="matrix(1,0,0,1,1,0)">
                                                                            <path
                                                                                fill="rgb(255,101,0)"
                                                                                fill-opacity="1"
                                                                                d=" M0,-22.8439998626709 C12.607603073120117,-22.8439998626709 22.8439998626709,-12.607603073120117 22.8439998626709,0 C22.8439998626709,12.607603073120117 12.607603073120117,22.8439998626709 0,22.8439998626709 C-12.607603073120117,22.8439998626709 -22.8439998626709,12.607603073120117 -22.8439998626709,0 C-22.8439998626709,-12.607603073120117 -12.607603073120117,-22.8439998626709 0,-22.8439998626709z"
                                                                            ></path>
                                                                        </g>
                                                                    </g>
                                                                    <g style="display: block;" transform="matrix(0.9800000190734863,0,0,0.9800000190734863,250,218.46107482910156)" opacity="1">
                                                                        <g opacity="1" transform="matrix(1,0,0,1,1,0)">
                                                                            <path
                                                                                fill="rgb(255,154,0)"
                                                                                fill-opacity="1"
                                                                                d=" M0,-22.8439998626709 C12.607603073120117,-22.8439998626709 22.8439998626709,-12.607603073120117 22.8439998626709,0 C22.8439998626709,12.607603073120117 12.607603073120117,22.8439998626709 0,22.8439998626709 C-12.607603073120117,22.8439998626709 -22.8439998626709,12.607603073120117 -22.8439998626709,0 C-22.8439998626709,-12.607603073120117 -12.607603073120117,-22.8439998626709 0,-22.8439998626709z"
                                                                            ></path>
                                                                        </g>
                                                                    </g>
                                                                    <g style="display: block;" transform="matrix(0.9800000190734863,0,0,0.9800000190734863,350,209.72195434570312)" opacity="1">
                                                                        <g opacity="1" transform="matrix(1,0,0,1,1,0)">
                                                                            <path
                                                                                fill="rgb(255,193,0)"
                                                                                fill-opacity="1"
                                                                                d=" M0,-22.8439998626709 C12.607603073120117,-22.8439998626709 22.8439998626709,-12.607603073120117 22.8439998626709,0 C22.8439998626709,12.607603073120117 12.607603073120117,22.8439998626709 0,22.8439998626709 C-12.607603073120117,22.8439998626709 -22.8439998626709,12.607603073120117 -22.8439998626709,0 C-22.8439998626709,-12.607603073120117 -12.607603073120117,-22.8439998626709 0,-22.8439998626709z"
                                                                            ></path>
                                                                        </g>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <a class="play-btn ready canplay">
                                                    <span style="display: inline;">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="57" height="60" viewBox="0 0 56 60">
                                                            <path
                                                                fill="#FFF"
                                                                d="M18.98 1.637l30.676 17.117c6.058 3.381 8.142 10.882 4.652 16.754-1.1 1.853-2.683 3.395-4.59 4.473L19.043 57.326c-6.039 3.415-13.791 1.44-17.316-4.413C.596 51.037 0 48.904 0 46.732V12.268C0 5.493 5.669 0 12.661 0c2.218 0 4.397.565 6.318 1.637h.001z"
                                                                opacity=".85"
                                                            ></path>
                                                        </svg>
                                                    </span>
                                                </a>
                                                <!--<div class="video-desc-absolute pc-show">-->
                                                <!--    <div class="video-author-date">Posted 2h ago</div>-->
                                                <!--    <div class="video-desc"><span>one</span><span> kid</span><span></span></div>-->
                                                <!--</div>-->
                                                <div class="v-com-scroll"><p></p></div>
                                                <div class="v-logo-container">
                                                    <!--<div class="mute-btn">-->
                                                    <!--    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 30 30">-->
                                                    <!--        <g fill="none" fill-rule="evenodd">-->
                                                    <!--            <g>-->
                                                    <!--                <g>-->
                                                    <!--                    <g transform="translate(-223 -60) translate(208) translate(15 60)">-->
                                                    <!--                        <circle cx="14.727" cy="14.727" r="14.727" fill="#484848"></circle>-->
                                                    <!--                        <path-->
                                                    <!--                            fill="#FFF"-->
                                                    <!--                            fill-rule="nonzero"-->
                                                    <!--                            d="M21.218 11.1c-.388-.396-1.015-.396-1.402 0s-.387 1.039 0 1.434c.775.792 1.202 1.846 1.202 2.966s-.427 2.174-1.202 2.966c-.387.396-.387 1.038 0 1.434.194.198.447.297.7.297.255 0 .508-.1.702-.297C22.367 18.725 23 17.162 23 15.5c0-1.662-.633-3.225-1.782-4.4zM17.904 7c-.147 0-.298.034-.443.108l-6.287 3.215c-.137.07-.289.107-.443.107h-2.74c-.547 0-.991.454-.991 1.014v8.112c0 .56.444 1.013.991 1.013h2.74c.154 0 .306.037.443.108l6.287 3.215c.145.074.296.108.443.108.52 0 .992-.427.992-1.015V8.015c0-.588-.472-1.015-.992-1.015zm-.99 14.345l-4.853-2.482c-.41-.21-.87-.321-1.33-.321H8.983v-6.084h1.748c.46 0 .92-.11 1.33-.32l4.852-2.482v11.689z"-->
                                                    <!--                        ></path>-->
                                                    <!--                    </g>-->
                                                    <!--                </g>-->
                                                    <!--            </g>-->
                                                    <!--        </g>-->
                                                    <!--    </svg>-->
                                                        <!---->
                                                    <!--</div>-->
                                                </div>
                                                <div class="replay-layer">
                                                    <div class="download-and-replay">
                                                        <div class="find-more-text">
                                                            Find more interesting videos<br />
                                                            on <?php echo APP_NAME; ?>
                                                        </div>
                                                        <div class="download-app">
                                                            <a href="#">
                                                                <img src="#" />
                                                            </a>
                                                            <a href="#">
                                                                <img src="#" />
                                                            </a>
                                                        </div>
                                                        <div class="replay-button">
                                                            <a href="#">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 13 15">
                                                                    <path
                                                                        fill="#FFF"
                                                                        d="M12.985 7.147c-.017-.242-.223-.426-.463-.411-.118.007-.229.062-.306.153-.078.09-.115.21-.104.329.206 3.134-2.126 5.847-5.217 6.071-3.09.224-5.78-2.125-6.016-5.256C.643 4.902 2.947 2.165 6.036 1.91v1.128L8.51 1.59 6.036 0v1.025C3.419 1.215 1.172 2.98.338 5.501c-.835 2.52-.092 5.302 1.883 7.052 1.18 1.051 2.698 1.63 4.269 1.628h.436c1.725-.117 3.332-.924 4.469-2.244 1.136-1.32 1.708-3.042 1.59-4.79z"
                                                                    ></path>
                                                                </svg>
                                                                Replay
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="video-stat">
                                                    <div class="v-state-author pc-hide">
                                                        <a href="profile/<?php echo $json_data['User']['username']; ?>">
                                                            <img src="<?php echo checkImageUrl($json_data['User']['profile_pic']); ?>" />
                                                        </a>
                                                        <span class="video-author-cert" style="display: none;">
                                                            <svg
                                                                version="1.1"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                x="0px"
                                                                y="0px"
                                                                viewBox="0 0 29.8 21.2"
                                                                xml:space="preserve"
                                                                style="enable-background: new 0 0 29.8 21.2;"
                                                            >
                                                                <path
                                                                    fill="#ffffff"
                                                                    d="M25.7,0.7L12.7,13.8c-0.9,0.9-2.5,0.9-3.4,0L4.1,8.6c-0.9-0.9-2.4-0.9-3.3,0l0,0c-1,0.9-1,2.5,0,3.4l8.6,8.6
                                                c0.9,0.9,2.5,0.9,3.4,0L29.1,4.1c1-1,0.9-2.6-0.2-3.5l0,0C28-0.2,26.6-0.2,25.7,0.7z"
                                                                ></path>
                                                            </svg>
                                                        </span>
                                                    </div>
                                                    <div class="video-stat-group">
                                                        <a href="#" class="video-stat-group-icon">
                                                            <img src="assets/img/like.png" at="like" style="width: 35px;">
                                                        </a>
                                                        <div class="video-stat-number">
                                                            <?php 
                                                                echo $json_data['Video']['like'];
                                                            ?>
                                                        </div>
                                                    </div>
                                                    <div class="video-stat-group" style="display: none;">
                                                        <a href="#" class="video-stat-group-icon video-dislike-icon"
                                                        ></a>
                                                    </div>
                                                    <div class="video-stat-group">
                                                        <a href="#" class="video-stat-group-icon">
                                                            <img src="assets/img/comment.png" at="comment" style="width: 35px;">
                                                        </a>
                                                        <div id="video-comment-number" class="video-stat-number">
                                                            <?php 
                                                                echo $json_data['Video']['comment_count'];
                                                            ?>
                                                        </div>
                                                    </div>
                                                    <div class="video-stat-group" style="display: none;">
                                                        <a class="video-stat-group-icon">
                                                            <img src="assets/img/share.png" at="share" style="width: 35px;">
                                                        </a>
                                                        <div class="video-stat-number">4</div>
                                                        
                                                        <div class="share-to-pop" style="display:none;">
                                                            <div class="share-to-container-pop" style="bottom: 0px;">
                                                                <div class="share-to-links">
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
                                                                                    <defs>
                                                                                        <linearGradient id="pt4rc2wy3b" x1="50%" x2="50%" y1="0%" y2="100%">
                                                                                            <stop offset="0%" stop-color="#2175F4"></stop>
                                                                                            <stop offset="100%" stop-color="#23B9FB"></stop>
                                                                                        </linearGradient>
                                                                                        <circle id="t3n9bl3aga" cx="24" cy="24" r="24"></circle>
                                                                                    </defs>
                                                                                    <g fill="none" fill-rule="evenodd">
                                                                                        <mask id="8mjozldsec" fill="#fff">
                                                                                            <use xlink:href="#t3n9bl3aga"></use>
                                                                                        </mask>
                                                                                        <use fill="url(#pt4rc2wy3b)" xlink:href="#t3n9bl3aga"></use>
                                                                                        <path
                                                                                            fill="#FFF"
                                                                                            fill-rule="nonzero"
                                                                                            d="M20.177 24.91l-9.624 9.624.05.014c.078.026.16.04.243.044h26.462c.079-.003.157-.017.232-.042l.066-.017-9.63-9.624-3.516 2.929c-.11.087-.245.135-.385.134-.14 0-.276-.047-.385-.134l-3.511-2.93-.002.002zM38.44 16.191l-9.534 7.946 9.545 9.546c0-.023.012-.044.018-.066.025-.073.038-.149.04-.225v-16.84c-.004-.123-.03-.244-.073-.36h.004zM9.714 16.191l-.014.044c-.036.102-.056.208-.06.316v16.84c.003.084.02.168.05.248l.014.043 9.545-9.547-9.534-7.945-.001.001z"
                                                                                            mask="url(#8mjozldsec)"
                                                                                        ></path>
                                                                                        <path
                                                                                            fill="#FFF"
                                                                                            fill-rule="nonzero"
                                                                                            d="M10.848 15.345c-.043.001-.086.01-.127.023h-.01c-.026.008-.052.013-.079.017L24.077 26.59l13.447-11.205c-.03-.004-.06-.01-.089-.02-.04-.013-.082-.02-.124-.023l-26.463.003z"
                                                                                            mask="url(#8mjozldsec)"
                                                                                        ></path>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Email</span></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 48">
                                                                                    <g fill="none" fill-rule="evenodd">
                                                                                        <circle fill="#EFEFEF" cx="25" cy="25" r="25"></circle>
                                                                                        <g stroke="#666">
                                                                                            <path
                                                                                                d="M26.215 11.44a2.492 2.492 0 0 0-1.9-.224 2.492 2.492 0 0 0-1.503 1.185L11.14 33.267a2.5 2.5 0 0 0 2.182 3.72h23.293a2.5 2.5 0 0 0 2.184-3.716l-11.62-20.866a2.5 2.5 0 0 0-.964-.965z"
                                                                                            ></path>
                                                                                            <path stroke-linecap="round" stroke-linejoin="round" d="M25 17.453v10.305M25 33.09v-2.347"></path>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Report</span></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48">
                                                                                    <g fill="none" fill-rule="evenodd">
                                                                                        <g>
                                                                                            <g>
                                                                                                <g>
                                                                                                    <g>
                                                                                                        <g transform="translate(-207 -528) translate(0 378) translate(0 15) translate(193 135) translate(14.4)">
                                                                                                            <circle cx="24" cy="24" r="24" fill="#EFEFEF"></circle>
                                                                                                            <g stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                                                                                                                <path d="M14.978 2.898L15 20.904M6.904 15.633L15 22.202 23.502 15.633M8.241 25.8L22.426 25.8" transform="translate(9.6 9.6)"></path>
                                                                                                            </g>
                                                                                                        </g>
                                                                                                    </g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Save Video</span></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                                                                                    <g fill="none">
                                                                                        <path fill="#FFF" d="M7.972 9.965L39.861 9.965 39.861 39.861 7.972 39.861z"></path>
                                                                                        <path
                                                                                            fill="#2FB0EC"
                                                                                            d="M23.958 47.833c-9.688.024-18.421-5.812-22.128-14.756C-1.877 24.132.153 13.846 6.996 7.006 13.838.166 24.148-1.891 33.073 1.84c8.943 3.708 14.769 12.441 14.76 22.122 0 13.18-10.669 23.847-23.875 23.871zM29.22 13.32l-.741.095c-.455.096-.91.24-1.34.407-1.7.743-2.957 2.238-3.396 4.042-.239.932-.239 1.913 0 2.822-.909 0-1.817-.12-2.678-.359-2.686-.6-5.193-1.82-7.32-3.563-.655-.514-1.25-1.1-1.773-1.746-.201-.2-.386-.415-.55-.646-.28.489-.497 1.011-.646 1.554-.452 1.935.045 3.97 1.34 5.477.31.383.789.622 1.1.957-.273.048-.553.023-.813-.072-.435-.071-.86-.192-1.268-.358l-.646-.24c-.074 2.109 1.008 4.09 2.823 5.166.574.43 1.243.694 1.96.79-.382.334-2.08.19-2.678.12.598 1.817 2.01 3.228 3.805 3.85.574.215 1.172.31 1.77.31-.497.417-1.043.77-1.627 1.053-1.124.614-2.333 1.057-3.587 1.315-.55.12-1.124.096-1.746.192-.639.048-1.28.023-1.913-.072l.526.31c.55.336 1.1.623 1.698.862 1.148.478 2.32.86 3.516 1.148 2.822.598 5.765.502 8.54-.287 6.268-1.961 10.238-6.553 11.747-13.322.239-1.267.335-2.583.287-3.874l.957-.79c.795-.67 1.48-1.461 2.032-2.343-1.08.477-2.224.791-3.396.933.24-.12.455-.287.67-.479.909-.741 1.578-1.722 1.937-2.822l-.741.407c-.971.516-2.022.864-3.11 1.028-1.217-1.292-2.94-1.983-4.713-1.89v.025h-.026z"
                                                                                        ></path>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Share to Twitter</span></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $currentUrl; ?>">
                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                                                                                        <path
                                                                                            fill="#3162A2"
                                                                                            fill-rule="evenodd"
                                                                                            d="M30.224 15.994h-2.26c-.827 0-1.384.174-1.67.52-.286.348-.432.869-.432 1.558v2.72h4.217l-.563 4.264h-3.658v10.928h-4.41V25.056h-3.672v-4.264h3.672v-3.138c0-1.787.498-3.17 1.497-4.155.999-.985 2.326-1.477 3.986-1.477h.01c1.412 0 2.505.056 3.283.173v3.8zM24 0C10.745 0 0 10.746 0 24c0 13.255 10.745 24 24 24s24-10.745 24-24C48 10.746 37.255 0 24 0z"
                                                                                        ></path>
                                                                                    </svg>
                                                                                </a>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Share to Facebook</span></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="share-to-link-item">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <img src="#" />
                                                                            </div>
                                                                            <div class="link-item-label"><span>Share to Whats App</span></div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <div class="share-to-link-item" style="display:none;">
                                                                        <div class="share-to-link-item-block">
                                                                            <div class="link-item-ico">
                                                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
                                                                                    <defs>
                                                                                        <circle id="u7uw9v56ga" cx="24" cy="24" r="24"></circle>
                                                                                    </defs>
                                                                                    <g fill="none" fill-rule="evenodd">
                                                                                        <mask id="vkur6tw00b" fill="#fff">
                                                                                            <use xlink:href="#u7uw9v56ga"></use>
                                                                                        </mask>
                                                                                        <use fill="#FFF" xlink:href="#u7uw9v56ga"></use>
                                                                                        <path
                                                                                            fill="#FF895E"
                                                                                            d="M35.934 20.84l-6.214 6.217c-2.43 2.428-6.346 2.428-8.776 0-.078-.079-.131-.132-.182-.211-.14-.114-.257-.256-.34-.416l-.026-.027c-.392-.732-.104-1.62.627-2.012.441-.233.97-.233 1.41 0 .026-.052.418.34.627.548 1.252 1.256 3.291 1.28 4.57 0l6.215-6.214c1.255-1.255 1.255-3.318 0-4.57-1.252-1.254-3.315-1.254-4.57 0l-3.734 3.734c-1.305-.626-2.822-.653-4.126-.052l5.798-5.797c2.429-2.43 6.345-2.43 8.775 0 2.35 2.454 2.35 6.372-.054 8.8zM20.84 35.935c-2.429 2.43-6.345 2.43-8.776 0-2.427-2.427-2.427-6.344 0-8.774l6.216-6.216c2.429-2.426 6.348-2.426 8.776 0 .078.08.131.131.183.209.13.105.262.261.338.419l.028.025c.39.732.104 1.619-.628 2.012-.44.234-.969.234-1.41 0-.051.053-.418-.34-.627-.55-1.252-1.253-3.292-1.279-4.57 0l-6.215 6.217c-1.254 1.254-1.254 3.316 0 4.572 1.252 1.252 3.316 1.252 4.57 0l3.734-3.737c1.306.628 2.821.651 4.127.052l-5.746 5.771zM24 0C10.733 0 0 10.733 0 24c0 13.268 10.733 24 24 24s24-10.732 24-24C48 10.733 37.267 0 24 0z"
                                                                                            mask="url(#vkur6tw00b)"
                                                                                        ></path>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="link-item-label"><span>Copy Link</span></div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                </div>
                                                                <div class="triangle"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <!---->
                                        
                                        <aside class="aside-container pc-hide" style="margin-top: 100vh;">
                                            <div data-fetch-key="InstallBar:0" class="app-banner">
                                                <a href="profile/<?php echo $json_data['User']['username']; ?>" class="app-logo-link">
                                                    <div class="app-info">
                                                        <img src="<?php echo checkImageUrl($json_data['User']['profile_gif']); ?>" class="app-logo bg-cus-g1">
                                                        <div>
                                                            <div class="app-title">@<?php echo $json_data['User']['username']; ?></div>
                                                            <div class="app-slogan">is using <?php echo APP_NAME; ?>. Join us now!</div>
                                                        </div>
                                                    </div>
                                                </a>
                                                <a href="profile/<?php echo $json_data['User']['username']; ?>" class="app-link">View More</a>
                                                <!---->
                                            </div>
                                        </aside>

                                        <aside class="aside-container-pc main-layout-u_dead" >
                                            <section class="pc-show">
                                                <div class="v-author-container">
                                                    <div class="v-author">
                                                        <div class="v-author-group">
                                                            <a href="profile/<?php echo $json_data['User']['username']; ?>" class="video-author-link">
                                                                <img src="<?php echo checkImageUrl($json_data['User']['profile_pic']); ?>" />
                                                            </a>
                                                        </div>
                                                        <div class="v-author-ext">
                                                            <div class="v-author-info">
                                                                <a href="profile/<?php echo $json_data['User']['username']; ?>" class="v-author-name">
                                                                    @<?php echo ucwords($json_data['User']['username']); ?>
                                                                </a>
                                                                <span class="video-author-cert" style="display: none;">
                                                                    <svg
                                                                        version="1.1"
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                        xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                        x="0px"
                                                                        y="0px"
                                                                        viewBox="0 0 29.8 21.2"
                                                                        xml:space="preserve"
                                                                        style="enable-background: new 0 0 29.8 21.2;"
                                                                    >
                                                                        <path
                                                                            fill="#ffffff"
                                                                            d="M25.7,0.7L12.7,13.8c-0.9,0.9-2.5,0.9-3.4,0L4.1,8.6c-0.9-0.9-2.4-0.9-3.3,0l0,0c-1,0.9-1,2.5,0,3.4l8.6,8.6
                                                        c0.9,0.9,2.5,0.9,3.4,0L29.1,4.1c1-1,0.9-2.6-0.2-3.5l0,0C28-0.2,26.6-0.2,25.7,0.7z"
                                                                        ></path>
                                                                    </svg>
                                                                </span>
                                                                <!--<span class="oval"></span> <span class="video-author-date">2h ago</span>-->
                                                            </div>
                                                            <div class="v-follow-full-name"><?php echo ucwords($json_data['User']['first_name'].' '.$json_data['User']['last_name']); ?></div>
                                                            <div class="v-follow-number"><span><?php echo $json_data['User']['video_count']; ?> videos</span> 
                                                            
                                                                <?php
                                                                    if($json_data['User']['followers_count']!=0)
                                                                    {
                                                                        ?>
                                                                            | <span><?php echo $json_data['User']['followers_count']; ?>K followers</span>
                                                                        <?php
                                                                    }
                                                                ?>
                                                                
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <a href="#" style="text-decoration: none;"><div class="v-follow">Follow</div></a>
                                                        <a href="#" style="text-decoration: none;"><div class="v-follow-msg">Message</div></a>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="v-share-container">
                                                        <div class="v-share-app">
                                                            <div class="v-download">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
                                                                    <g fill="none" fill-rule="evenodd">
                                                                        <g>
                                                                            <g>
                                                                                <g transform="translate(-815 -119) translate(800) translate(15 119)">
                                                                                    <circle cx="15" cy="15" r="15" fill="#D8D8D8"></circle>
                                                                                    <rect width="14" height="18" x="8" y="6" fill="#333" rx="2"></rect>
                                                                                    <rect width="10" height="11" x="10" y="8" fill="#FFF" rx="2"></rect>
                                                                                    <rect width="3" height="3" x="13.645" y="19.996" fill="#FFF" rx="1.5" transform="matrix(1 0 0 -1 0 42.992)"></rect>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </g>
                                                                </svg>
                                                                <div class="v-download-text">Download App</div>
                                                            </div>
                                                            <div class="v-share-to">
                                                                <div>Share to</div>
                                                                <div class="v-share-item">
                                                                    <a href="https://twitter.com/intent/tweet?url=<?php echo $currentUrl; ?>">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
                                                                            <g fill="none" fill-rule="evenodd">
                                                                                <g fill-rule="nonzero">
                                                                                    <g>
                                                                                        <g>
                                                                                            <path fill="#FFF" d="M4.732 5.915L23.659 5.915 23.659 23.659 4.732 23.659z" transform="translate(-1097 -119) translate(800) translate(297 119)"></path>
                                                                                            <path
                                                                                                fill="#2FB0EC"
                                                                                                d="M14.695 29.339c-5.942.014-11.3-3.565-13.573-9.051C-1.152 14.8.094 8.492 4.291 4.297 8.487.1 14.81-1.16 20.285 1.128c5.485 2.275 9.06 7.631 9.054 13.57 0 8.083-6.544 14.626-14.644 14.64zm3.227-21.17l-.454.06c-.28.058-.558.146-.822.249-1.043.456-1.814 1.373-2.083 2.479-.147.572-.147 1.173 0 1.73-.557 0-1.115-.073-1.643-.22-1.647-.367-3.185-1.116-4.49-2.185-.401-.315-.766-.674-1.087-1.07-.124-.123-.236-.255-.337-.397-.172.3-.305.62-.396.954-.278 1.186.027 2.434.821 3.359.19.234.484.381.675.587-.167.029-.34.014-.499-.044-.266-.044-.527-.118-.777-.22l-.396-.147c-.046 1.293.618 2.508 1.73 3.168.353.264.764.426 1.204.484-.235.206-1.277.118-1.643.074.366 1.115 1.232 1.98 2.333 2.362.352.132.72.19 1.086.19-.305.256-.64.472-.998.646-.69.376-1.43.648-2.2.806-.337.074-.69.06-1.071.118-.392.03-.785.014-1.174-.044l.323.19c.338.206.675.382 1.042.529.704.293 1.423.528 2.156.704 1.731.366 3.537.308 5.238-.176 3.845-1.203 6.28-4.02 7.205-8.171.147-.778.206-1.584.176-2.376l.587-.485c.488-.411.909-.896 1.247-1.437-.662.292-1.364.485-2.083.572.147-.073.279-.176.41-.293.558-.455.969-1.057 1.189-1.731l-.455.249c-.595.317-1.24.53-1.907.63-.746-.792-1.804-1.215-2.89-1.158v.015h-.017z"
                                                                                                transform="translate(-1097 -119) translate(800) translate(297 119)"
                                                                                            ></path>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </svg>
                                                                    </a>
                                                                </div>
                                                                <div class="v-share-item">
                                                                    <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $currentUrl; ?>">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
                                                                            <g fill="none" fill-rule="evenodd">
                                                                                <g fill="#3162A2">
                                                                                    <g>
                                                                                        <g>
                                                                                            <path
                                                                                                d="M18.89 9.996h-1.413c-.516 0-.865.109-1.044.326-.178.217-.27.542-.27.973v1.7H18.8l-.352 2.665h-2.286v6.83h-2.756v-6.83H11.11v-2.665h2.295v-1.961c0-1.117.311-1.982.935-2.597.625-.616 1.454-.924 2.492-.924h.006c.882 0 1.565.035 2.052.109v2.374zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z"
                                                                                                transform="translate(-1142 -119) translate(800) translate(342 119)"
                                                                                            ></path>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </svg>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </section>
                                            <section>
                                                <div>
                                                    <div class="tops" style="display: block;">
                                                        <div class="tops-end"></div>
                                                        <div class="min-footer">
                                                            <div class="guide-txt">Create your own videos!</div>
                                                            <a href="#" class="download-btn btn">
                                                                Download the App
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="download-dialog" style="display: none;">
                                                        <div class="dialog-body">
                                                            <div class="portrait">
                                                                <a href="#"><img src="<?php echo checkImageUrl($json_data['User']['profile_gif']); ?>" /></a>
                                                            </div>
                                                            <div class="username break-all">@<?php echo $json_data['User']['username']; ?></div>
                                                            <div class="welcome">
                                                               <?php echo $json_data['User']['bio']; ?>
                                                            </div>
                                                            <a href="<?php echo APP_URL; ?>" class="download-btn btn">
                                                                Download the App
                                                            </a>
                                                            <i class="close cursor-pointer"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </aside>
                                    </div>
                                    <!---->
                                    <div>
                                        <div class="share-to-mask"></div>
                                        <div class="share-to-container" style="bottom: -276px;">
                                            <div class="share-to-header"><span>Share to</span></div>
                                            <div class="share-to-links">
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                                                                <g fill="none">
                                                                    <path fill="#FFF" d="M7.972 9.965L39.861 9.965 39.861 39.861 7.972 39.861z"></path>
                                                                    <path
                                                                        fill="#2FB0EC"
                                                                        d="M23.958 47.833c-9.688.024-18.421-5.812-22.128-14.756C-1.877 24.132.153 13.846 6.996 7.006 13.838.166 24.148-1.891 33.073 1.84c8.943 3.708 14.769 12.441 14.76 22.122 0 13.18-10.669 23.847-23.875 23.871zM29.22 13.32l-.741.095c-.455.096-.91.24-1.34.407-1.7.743-2.957 2.238-3.396 4.042-.239.932-.239 1.913 0 2.822-.909 0-1.817-.12-2.678-.359-2.686-.6-5.193-1.82-7.32-3.563-.655-.514-1.25-1.1-1.773-1.746-.201-.2-.386-.415-.55-.646-.28.489-.497 1.011-.646 1.554-.452 1.935.045 3.97 1.34 5.477.31.383.789.622 1.1.957-.273.048-.553.023-.813-.072-.435-.071-.86-.192-1.268-.358l-.646-.24c-.074 2.109 1.008 4.09 2.823 5.166.574.43 1.243.694 1.96.79-.382.334-2.08.19-2.678.12.598 1.817 2.01 3.228 3.805 3.85.574.215 1.172.31 1.77.31-.497.417-1.043.77-1.627 1.053-1.124.614-2.333 1.057-3.587 1.315-.55.12-1.124.096-1.746.192-.639.048-1.28.023-1.913-.072l.526.31c.55.336 1.1.623 1.698.862 1.148.478 2.32.86 3.516 1.148 2.822.598 5.765.502 8.54-.287 6.268-1.961 10.238-6.553 11.747-13.322.239-1.267.335-2.583.287-3.874l.957-.79c.795-.67 1.48-1.461 2.032-2.343-1.08.477-2.224.791-3.396.933.24-.12.455-.287.67-.479.909-.741 1.578-1.722 1.937-2.822l-.741.407c-.971.516-2.022.864-3.11 1.028-1.217-1.292-2.94-1.983-4.713-1.89v.025h-.026z"
                                                                    ></path>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>Twitter</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $currentUrl; ?>">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                                                                    <path
                                                                        fill="#3162A2"
                                                                        fill-rule="evenodd"
                                                                        d="M30.224 15.994h-2.26c-.827 0-1.384.174-1.67.52-.286.348-.432.869-.432 1.558v2.72h4.217l-.563 4.264h-3.658v10.928h-4.41V25.056h-3.672v-4.264h3.672v-3.138c0-1.787.498-3.17 1.497-4.155.999-.985 2.326-1.477 3.986-1.477h.01c1.412 0 2.505.056 3.283.173v3.8zM24 0C10.745 0 0 10.746 0 24c0 13.255 10.745 24 24 24s24-10.745 24-24C48 10.746 37.255 0 24 0z"
                                                                    ></path>
                                                                </svg>
                                                            </a>
                                                        </div>
                                                        <div class="link-item-label"><span>Facebook</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                                                                <path
                                                                    fill="#4BE265"
                                                                    fill-rule="evenodd"
                                                                    d="M24.012 34.319c-1.337 0-2.63-.161-3.85-.461-1.024.849-2.217 1.526-3.497 1.996-.546.202-1.112.34-1.688.416 1.3-.843 1.907-2.08 2.066-3.553-3.946-1.973-6.588-5.57-6.588-9.68 0-6.23 6.07-11.28 13.557-11.28 7.488 0 13.558 5.05 13.558 11.28 0 6.231-6.07 11.282-13.558 11.282M24 0C10.745 0 0 10.746 0 24c0 13.256 10.745 24 24 24 13.254 0 24-10.744 24-24C48 10.747 37.254 0 24 0"
                                                                ></path>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>SMS</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <img src="#" />
                                                        </div>
                                                        <div class="link-item-label"><span>Whats App</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
                                                                <defs>
                                                                    <linearGradient id="e7eejtx06b" x1="50%" x2="50%" y1="0%" y2="100%">
                                                                        <stop offset="0%" stop-color="#2175F4"></stop>
                                                                        <stop offset="100%" stop-color="#23B9FB"></stop>
                                                                    </linearGradient>
                                                                    <circle id="vyoft3jzva" cx="24" cy="24" r="24"></circle>
                                                                </defs>
                                                                <g fill="none" fill-rule="evenodd">
                                                                    <g>
                                                                        <g>
                                                                            <g>
                                                                                <g>
                                                                                    <g transform="translate(-30 -528) translate(0 378) translate(0 15) translate(15 135) translate(15)">
                                                                                        <mask id="o8j3199mrc" fill="#fff">
                                                                                            <use xlink:href="#vyoft3jzva"></use>
                                                                                        </mask>
                                                                                        <use fill="url(#e7eejtx06b)" xlink:href="#vyoft3jzva"></use>
                                                                                        <path
                                                                                            fill="#FFF"
                                                                                            fill-rule="nonzero"
                                                                                            d="M20.177 24.91l-9.624 9.624.05.014c.078.026.16.04.243.044h26.462c.079-.003.157-.017.232-.042l.066-.017-9.63-9.624-3.516 2.929c-.11.087-.245.135-.385.134-.14 0-.276-.047-.385-.134l-3.511-2.93-.002.002zM38.44 16.191l-9.534 7.946 9.545 9.546c0-.023.012-.044.018-.066.025-.073.038-.149.04-.225v-16.84c-.004-.123-.03-.244-.073-.36h.004zM9.714 16.191l-.014.044c-.036.102-.056.208-.06.316v16.84c.003.084.02.168.05.248l.014.043 9.545-9.547-9.534-7.945-.001.001z"
                                                                                            mask="url(#o8j3199mrc)"
                                                                                        ></path>
                                                                                        <path
                                                                                            fill="#FFF"
                                                                                            fill-rule="nonzero"
                                                                                            d="M10.848 15.345c-.043.001-.086.01-.127.023h-.01c-.026.008-.052.013-.079.017L24.077 26.59l13.447-11.205c-.03-.004-.06-.01-.089-.02-.04-.013-.082-.02-.124-.023l-26.463.003z"
                                                                                            mask="url(#o8j3199mrc)"
                                                                                        ></path>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>Email</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
                                                                <defs>
                                                                    <circle id="u7uw9v56ga" cx="24" cy="24" r="24"></circle>
                                                                </defs>
                                                                <g fill="none" fill-rule="evenodd">
                                                                    <mask id="vkur6tw00b" fill="#fff">
                                                                        <use xlink:href="#u7uw9v56ga"></use>
                                                                    </mask>
                                                                    <use fill="#FFF" xlink:href="#u7uw9v56ga"></use>
                                                                    <path
                                                                        fill="#FF895E"
                                                                        d="M35.934 20.84l-6.214 6.217c-2.43 2.428-6.346 2.428-8.776 0-.078-.079-.131-.132-.182-.211-.14-.114-.257-.256-.34-.416l-.026-.027c-.392-.732-.104-1.62.627-2.012.441-.233.97-.233 1.41 0 .026-.052.418.34.627.548 1.252 1.256 3.291 1.28 4.57 0l6.215-6.214c1.255-1.255 1.255-3.318 0-4.57-1.252-1.254-3.315-1.254-4.57 0l-3.734 3.734c-1.305-.626-2.822-.653-4.126-.052l5.798-5.797c2.429-2.43 6.345-2.43 8.775 0 2.35 2.454 2.35 6.372-.054 8.8zM20.84 35.935c-2.429 2.43-6.345 2.43-8.776 0-2.427-2.427-2.427-6.344 0-8.774l6.216-6.216c2.429-2.426 6.348-2.426 8.776 0 .078.08.131.131.183.209.13.105.262.261.338.419l.028.025c.39.732.104 1.619-.628 2.012-.44.234-.969.234-1.41 0-.051.053-.418-.34-.627-.55-1.252-1.253-3.292-1.279-4.57 0l-6.215 6.217c-1.254 1.254-1.254 3.316 0 4.572 1.252 1.252 3.316 1.252 4.57 0l3.734-3.737c1.306.628 2.821.651 4.127.052l-5.746 5.771zM24 0C10.733 0 0 10.733 0 24c0 13.268 10.733 24 24 24s24-10.732 24-24C48 10.733 37.267 0 24 0z"
                                                                        mask="url(#vkur6tw00b)"
                                                                    ></path>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>Copy Link</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
                                                                <g fill="none" fill-rule="evenodd">
                                                                    <circle fill="#EFEFEF" cx="25" cy="25" r="25"></circle>
                                                                    <g stroke="#666">
                                                                        <path
                                                                            d="M26.215 11.44a2.492 2.492 0 0 0-1.9-.224 2.492 2.492 0 0 0-1.503 1.185L11.14 33.267a2.5 2.5 0 0 0 2.182 3.72h23.293a2.5 2.5 0 0 0 2.184-3.716l-11.62-20.866a2.5 2.5 0 0 0-.964-.965z"
                                                                        ></path>
                                                                        <path stroke-linecap="round" stroke-linejoin="round" d="M25 17.453v10.305M25 33.09v-2.347"></path>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>Report</span></div>
                                                    </div>
                                                </div>
                                                <div class="share-to-link-item">
                                                    <div>
                                                        <div class="link-item-ico">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48">
                                                                <g fill="none" fill-rule="evenodd">
                                                                    <g>
                                                                        <g>
                                                                            <g>
                                                                                <g>
                                                                                    <g transform="translate(-207 -528) translate(0 378) translate(0 15) translate(193 135) translate(14.4)">
                                                                                        <circle cx="24" cy="24" r="24" fill="#EFEFEF"></circle>
                                                                                        <g stroke="#666" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                                                                                            <path d="M14.978 2.898L15 20.904M6.904 15.633L15 22.202 23.502 15.633M8.241 25.8L22.426 25.8" transform="translate(9.6 9.6)"></path>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="link-item-label"><span>Save Video</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="share-to-cancel"><span>Cancel</span></div>
                                        </div>
                                    </div>
                                   
                                    <div>
                                        <style>
                                            .video-js .vjs-tech {
                                            }
                                            .vjs-poster {
                                                background-size: contain !important;
                                            }
                                        </style>
                                        
                                    </div>
                                    <!---->
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    
                    
                </body>

            <?php
            
        }
        else
        {
            ?>
                <link rel="preload" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" as="style" />
                <link rel="preload" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" as="style" />
                <link rel="preload" href="assets/css/64e9952.css?token=<?php echo time(); ?>" as="style" />
                <link rel="stylesheet" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" />
                <link rel="stylesheet" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" />
                <link rel="stylesheet" href="assets/css/64e9952.css?token=<?php echo time(); ?>" />
                
                <div class="error-container">
                    <!---->
                    <div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="78" height="78" viewBox="0 0 78 78">
                                <g fill="none" fill-rule="evenodd" stroke="#999" stroke-width="3">
                                    <circle cx="39" cy="28.5" r="23.833"></circle>
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M72.37 73.64C65.922 61.838 53.396 53.833 39 53.833c-14.201 0-26.583 7.79-33.105 19.33"></path>
                                </g>
                            </svg>
                        </div>
                        <h2>Couldn¡¦t find this account</h2>
                        <h4>
                            Find more interest people, videos and hashtags<br />
                            on <?php echo APP_NAME; ?>.
                        </h4>
                        <a href="#" class="download" style="background-color: var(--button-color);">
                            Download the <?php echo APP_NAME; ?>
                        </a>
                    </div>
                </div>
    
            <?php
        }
    }
    else
    {
        ?>
            <link rel="preload" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" as="style" />
            <link rel="preload" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" as="style" />
            <link rel="preload" href="assets/css/64e9952.css?token=<?php echo time(); ?>" as="style" />
            <link rel="stylesheet" href="assets/css/aa07e69.css?token=<?php echo time(); ?>" />
            <link rel="stylesheet" href="assets/css/3757fc0.css?token=<?php echo time(); ?>" />
            <link rel="stylesheet" href="assets/css/64e9952.css?token=<?php echo time(); ?>" />
            
            <div class="error-container">
                <!---->
                <div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="78" height="78" viewBox="0 0 78 78">
                            <g fill="none" fill-rule="evenodd" stroke="#999" stroke-width="3">
                                <circle cx="39" cy="28.5" r="23.833"></circle>
                                <path stroke-linecap="round" stroke-linejoin="round" d="M72.37 73.64C65.922 61.838 53.396 53.833 39 53.833c-14.201 0-26.583 7.79-33.105 19.33"></path>
                            </g>
                        </svg>
                    </div>
                    <h2>Couldn¡¦t find this account</h2>
                    <h4>
                        Find more interest people, videos and hashtags<br />
                        on <?php echo APP_NAME; ?>.
                    </h4>
                    <a href="#" class="download" style="background-color: var(--button-color);">
                        Download the <?php echo APP_NAME; ?>
                    </a>
                </div>
            </div>

        <?php
    }
    

?>

