No Description

index.html 1.3KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Test</title>
  6. <link href="http://vjs.zencdn.net/6.2.8/video-js.css" rel="stylesheet">
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <!-- Bootstrap CSS -->
  10. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
  11. integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  12. </head>
  13. <body>
  14. <div class='container'>
  15. <div class='row'>
  16. <div class='col-md-6'>
  17. <video id="player" class="video-js vjs-default-skin" controls preload>
  18. <source src="./video/cctv.m3u8" type="application/x-mpegURL">
  19. </video>
  20. </div>
  21. <div class='col-md-6'>
  22. <img src="http://localhost:9099/video_feed/0/" width="100%">
  23. </div>
  24. </div>
  25. </div>
  26. <script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
  27. <script src="https://unpkg.com/@videojs/http-streaming@2.15.1/dist/videojs-http-streaming.js"></script>
  28. <script>
  29. var player = videojs('player', {width: 480, height:270 });
  30. player.play();
  31. </script>
  32. </body>
  33. </html>