如何在angular 2项目中集成krpano虚拟旅游视频插件

Question

我需要为360个视频实现krpano虚拟导览插件，我已经下载了js文件，SWF文件，XML文件并添加到HTML.js，XML和SWF文件没有加载，我没有得到任何错误，而执行项目视频播放作为一个正常的超文本标记语言视频。有人能帮我做到这一点吗？

提前谢谢。

这是我的html文件，

<script src="../assets/videoplayer.js"></script>
 <script src="../assets/videoplayer_basic_source.js"></script>
<script>
  embedpano({swf:"assets/krpano.swf", 
  xml:"assets/krpanoVt.xml",
  target:"pano", html5:'auto',passQueryParameters:true});
</script>

    <div id='loader' class='loading'></div>
    <div id="panocontainer">
      <div id="pano" style="width:100%; height:100%; position: absolute;">
        <video id="videojs-panorama-player" class="video-js vjs-default-skin"  
          crossorigin="anonymous" controls preload="none">
        <source src="https://yanwsh.github.io/videojs-panorama/assets/shark.mp4" 
         type='video/mp4'/>
     </video>
   </div>
</div>