components_video.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8" />
  8. <title data-i18n="resources.title_componentsEcharts_Vue"></title>
  9. <link href="//vjs.zencdn.net/7.8.2/video-js.min.css" rel="stylesheet" />
  10. <script src="//vjs.zencdn.net/7.8.2/video.min.js"></script>
  11. <!-- <script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.5.0/flv.min.js"></script>
  12. <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script> -->
  13. <script type="text/javascript" include="vue,jquery" src="../js/include-web.js"></script>
  14. <script include="iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
  15. <style>
  16. #main {
  17. margin: 0 auto;
  18. width: 100%;
  19. height: 100%;
  20. }
  21. </style>
  22. </head>
  23. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  24. <div id="main">
  25. <sm-video-player
  26. url="https://mister-ben.github.io/videojs-flvjs/bbb.flv"
  27. style="width:400px; height:400px"
  28. ></sm-video-player>
  29. </div>
  30. <script>
  31. new Vue({
  32. el: '#main',
  33. data() {
  34. return {};
  35. }
  36. });
  37. </script>
  38. </body>
  39. </html>