<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Test</title>
      <link href="http://vjs.zencdn.net/6.2.8/video-js.css" rel="stylesheet">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
   </head>
   <body>
       <div class='container'>
           <div class='row'>
               <div class='col-md-6'>
                   <video id="player" class="video-js vjs-default-skin" controls preload>
                       <source src="./video/cctv.m3u8" type="application/x-mpegURL">
                   </video>
               </div>
               <div class='col-md-6'>
                   <img src="http://localhost:9099/video_feed/0/" width="100%">
               </div>
           </div>
       </div>
    <script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
      <script src="https://unpkg.com/@videojs/http-streaming@2.15.1/dist/videojs-http-streaming.js"></script>
      <script>
          var player = videojs('player', {width: 480, height:270 });
          player.play();
     </script>
   </body>
</html>
