<?php include('header.php');?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
                <link rel="stylesheet" href="os-content/themes/sports/css/styles.css">
        <script src='os-content/themes/sports/js/video.js'></script>
                            <div class="event-page">
                                <div> 
                                    </div>
                                    <div class="event-stream-container">
                                        <div class="stream-wrapper">
                                            <div class="teams-component">
                                                    <div class="">
                                                    <div class="col-logo">   
                                                    </div>
                                                    <div class="col-details">
                                                            <div class="col-name">  
                                                            </div>
                                                            <div class="col-specifics">
                                                        </div>
                                                     </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-logo">
                                                    </div>
                                                    <div class="col-details"> 
                                                     <div class="col-specifics">    
                                                  </div>
                                                </div>
                                                </div>
                                             </div>

                                      <!-- Vid Content -->
                                            <div class="break"></div>
                                            <div class="player-wrapper">
                                                <div class="player-component ui-player-container delayed">
                                                    <div class="player center-block" id="player" height="100%" width="100%" style="display: block;margin: 20px auto;">
                                                                                                                                                            <style>.hidden{display:none}.popup-time {width: 100%;height: 100%;}.percent-container {position: absolute;width: 200px;height: 100px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}.percent-container p {color: #c5c5c5;text-align: center;width: 100%;font-size: 0.9em;}.loader {width: 80px;}.popup-time p {position: absolute;left: 50%;top: 45%;width: 80%;margin-left: -40%;font-size: 1.4em;font-weight: 600;color: #fff;text-align: center;}@media only screen and (max-width: 800px) {.popup-time p {top: 43%;}}@media only screen and (max-width: 767px) {.avatar_comment {display: none;}}@media only screen and (max-width: 500px) {.popup-time p {top: 41%;font-size: 1.1em;}}@media only screen and (max-width: 380px) {.popup-time p {top: 39%;}}.popup-container {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 100%;width: 100%;padding: 10px;}.popup-container .popup-text {font-family: Verdana, Geneva, sans-serif;width: 80%;height: 125px;font-size: 1.7em;color: #fff;margin: auto;margin-top: 160px;text-align: center;line-height: 1.3;}@media only screen and (max-width: 1024px) {.popup-container .popup-text {font-size: 1.6em;height: 115px;margin-top: 120px;margin-bottom: 1em;}}@media only screen and (max-width: 800px) {.popup-container .popup-text {font-size: 1.4em;width: 82%;height: 90px;margin-top: 100px;}}@media only screen and (max-width: 639px) {.popup-container .popup-text {font-size: 1.2em;width: 88%;height: 80px;margin-top: 70px;}}@media only screen and (max-width: 500px) {.popup-container .popup-text {font-size: 1.1em;width: 95%;height: 72px;margin-top: 50px;}}@media only screen and (max-width: 380px) {.popup-container .popup-text {font-size: .9em;height: 60px;margin-top: 33px;line-height: 1.2;}}</style>
                                                    <div class="pseudo-player-component" style="background:url(https://i.imgur.com/8syMIkm.jpg) no-repeat center;background-size: cover;z-index: 2;">
                                                        <div class="overlay" style="z-index: 1;"></div>
                                                        <div class="content">
                                                            <div class="kntn-video hidden" style="width: 100%;position: absolute;height: 100%;z-index: 0;"><video autoplay muted loop style='width: 100%;height: 100%;object-fit: cover;'><source src='os-content/themes/sports/img/hsports.mp4' type='video/mp4' label='SD'><source src='os-content/themes/sports/img/hsports.mp4' type='video/mp4' label='HD'></video></div>
                                                            <div class="event-details" style="z-index: 3;">
                                                                <div class="event-info">
                                                                    <div class="percent-container js-percent-container">
                                                                        <p><img class="loader" src="os-content/themes/sports/img/video-throbber.gif" alt=""></p>
                                                                        <p class="percent">Connecting</p>
                                                                    </div>
                                                                    <div class="popup-time hidden js-time-container">
                                                                        <p class="mt-3">Starts in <span id="countdown">00:00</span></p>
                                                                    </div>
                                                                    <div class="popup-container hidden js-register-container">
                                                                        <div class="popup-text">High School Live Stream Is Only Available For Registered Users.<br>Create a FREE account to get access to the live stream.</div>
                                                                        <a href="signup-fieldhockey.php" class="btn btn-primary">Subscribe Now</a>
                                                                    </div>
                                                                    <script src="os-content/themes/sports/js/js.js"></script>
                                                                </div>
                                                            </div>
                                                            <!---->
                                                        </div>
                                                        <!---->
                                                    </div>
                                                 </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <!-- Vid Content -->
                                    <div class="event-details-component">
                                        <div class="event-detail-section event-info-section">
                                            <div class="event-header border-bottom">
                                           <div class="event-top-header">
                                         <div class="sport-info">                                                                 
                                         </div>
                                    </div>
                                    <!-- Title-->            
                                <h5>
                                    <?php
                                    // if isset $_GET['live'] then show the title else show "Lve Stream"
                                    if (isset($_GET['live'])) {
                                        echo $_GET['live'];
                                    } else {
                                        echo "";
                                    }
                                    ?> 
                                </h5>
                                 <!-- Title-->                           
                                                <div class="date-time-location">
                                                    
                                                    <div class="location">Stream High School Sports Live Channels & On-Demand On Any Device, Anywhere For Free</div>
                                                </div>
                                            </div>
                                            <div class="event-details">
                                                <ul class="additional-ctas">
                                                    <li>
                                                        <button style="background: transparent;width: 100%;max-width: 100%;"><a style="color:#fff;width: 100%;max-width: 100%;" href="signup-fieldhockey.php" class="btn btn-primary">Watch Later</a></button>
                                                    </li>
                                                    <li>
                                                        <button style="background: transparent;width: 100%;max-width: 100%;"><a style="color:#fff;width: 100%;max-width: 100%;" href="signup-fieldhockey.php" class="btn btn-outline-primary">Download HD</a></button>
                                                    </li>
                                                    <!---->
                                                </ul>
                                                <div class="description">
                                                        <div class="text">
                                                        <div>
                                                        <div class="content" style="line-height: 50px;"><p>High School Field Hockey</p></div>
                                                            <div class="content" style="line-height: 21px;"><p>- Full access to Live regular season and post-season sporting events</p></div>
                                                            <div class="content" style="line-height: 21px;"><p>- Immediate access to events when they are available On Demand</p></div>
                                                            <div class="content" style="line-height: 21px;"><p>- Support for participating school's programs</p></div>
                                                        </div>
                                                    </div>
                                                     <p class="producer">
                                                        Produced by
                                                        <a href="signup.php" class="">NFHS Network</a>
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="publisher-section">
                                                <div class="publisher-wrapper">
                                                    <div class="publisher">
                                                        <img src="os-content/themes/sports/img/nfhs-logo-outline.png" alt=" NFHS Network" class="publisher-logo" />
                                                        <div class="publisher-text">
                                                            <div>Published by</div>
                                                            <a href="signup.php" class="publisher-link">
                                                                NFHS Network   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="arrow-icon">
                                                                    <path fill-rule="evenodd" d="M9 17.082L13.83 12 9 6.918l1.585-1.668L17 12l-6.415 6.75z"></path>
                                                                </svg>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="page">
                <div id="main-content">
                <div id="content" class="clearfix">
                    <div class="region region-content">
                        <div id="block-system-main" class="block block-system">
                            <div class="playoffs-page">
                                <div class="playoffs-wrapper">
                                    <div class="feature-section">
                                        <div class="feature-wrapper full">
                                            <h1>Watch High School Sports Online</h1>
                                            <p>The NFHS Networks makes it easy to follow all of the postseason action:</p>
                                            <div class="pods">
                                                <div class="pod">
                                                    <img src="os-content/themes/sports/img/streaming-screen.8b1e150.svg" /> <span class="pod-text">Streaming games from <strong>46 states</strong></span>
                                                </div>
                                                <div class="pod">
                                                    <img src="os-content/themes/sports/img/brackets.cb0dec6.svg" /> <span class="pod-text">See the latest <strong>tournament</strong> standings</span>
                                                </div>
                                                <div class="pod">
                                                    <img src="os-content/themes/sports/img/notification-bell.275a399.svg" /> <span class="pod-text">Get <strong>Alerts</strong> on upcoming games</span>
                                                </div>
                                            </div>
                                        </div>
                                       
            <div id="main-content">
                <div id="content" class="clearfix">
                    <div class="region region-content">
                        <div id="block-system-main" class="block block-system">
                            <div>
                                <div>
                                    <div class="main-wrapper">
                                            <div class="feature-section">
                                                <div class="feature-wrapper">
                                                    <div class="glide glide--ltr glide--carousel glide--swipeable">
                                                        <div data-glide-el="track" class="glide__track">
                                                            <ul class="glide__slides">
                                                            </div>
                                                        <div data-glide-el="controls[nav]" class="glide__bullets">
                                                        </div>
                                                    </div>
                                                </div> 
                                            <div class="">
                                                <div class="">
                                                    <div class="">
                                                   
                                                    </div> 
                                                  
                                                </div> 
                                                <div class="">
                                                    <div class="">
                                                        <div class="">
                                                        <p class=""></p> 
                                                    
                                                        </div> 
                                                        <div class=""></div> 
                                                        <div class="">
                                                         <p class=""></p> 
                                                         
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                            </div> 
                                            <div class="subscribe-banner">
                                                <h3 class="subscribe-header">Get unlimited access to all of our video content</h3> 
                                                <p class="subscribe-description">Become a subscriber to watch your favorite high school games from across the country Live and On Demand on any device.</p> 
                                                <a href="signup.php" class="base-button keyboard-enter subscribe-button" style="width:158px;">
                                                    <div class="mouse-click">Subscribe Now</div>
                                                </a>
                                            </div> 
                                            <div class="sports-container">
                                                <h2>Top Sports on the NFHS Network</h2> 
                                                <div class="sports-wrapper" style="margin-top: 20px;">
                                                                                <a href="hs-baseball.php?live=Watch+Every+High+School+Baseball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/baseball%40200px.png"></span><span class="sport-name">Baseball</span></a>
                                                                                <a href="hs-basketball.php?live=Watch+Every+High+School+Basketball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/basketball%40200px.png"></span><span class="sport-name">Basketball</span></a>
                                                                                <a href="hs-beachvolleyball.php?live=Watch+Every+High+School+Beach+Volleyball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/volleyball%40200px.png"></span><span class="sport-name">Beach Volleyball</span></a>
                                                                                <a href="hs-fieldhockey.php?live=Watch+Every+High+School+Field+hockey+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/icehockey@200px.png"></span><span class="sport-name">Field Hockey</span></a>
                                                                                <a href="hs-flagfootball.php?live=Watch+Every+High+School+Flag+Football+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/football%40200px.png"></span><span class="sport-name">Flag Football</span></a>
                                                                                <a href="hs-football.php?live=Watch+Every+High+School+Football+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/football%40200px.png"></span><span class="sport-name">Football</span></a>
                                                                                <a href="hs-hockey.php?live=Watch+Every+High+School+Hockey+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/icehockey@200px.png"></span><span class="sport-name">Hockey</span></a>
                                                                                <a href="hs-lacrosse.php?live=Watch+Every+High+School+Lacrosse+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/lacrosse.png"></span><span class="sport-name">Lacrosse</span></a>
                                                                                <a href="hs-soccer.php?live=Watch+Every+High+School+Soccer+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/soccer%40200px.png"></span><span class="sport-name">Soccer</span></a>
                                                                                <a href="hs-softball.php?live=Watch+Every+High+School+Softball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/baseball%40200px.png"></span><span class="sport-name">Softball</span></a>
                                                                                <a href="hs-volleyball.php?live=Watch+Every+High+School+Volleyball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/volleyball%40200px.png"></span><span class="sport-name">Volleyball</span></a>
                                                                                <a href="hs-waterpolo.php?live=Watch+Every+High+School+Water+Polo+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/waterpolo.png"></span><span class="sport-name">Water Polo</span></a>
                                                    <div class="clear"></div>
                                                </div>
                                            </div>
                                        </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>  
        <?php include('footer.php');?>