360 virtual tour video playing in Html and angular2 project.

  • Hi
    I am a beginner, I need to play virtual tour 360 videos in my angular 2 project, I have downloaded the krpano.js, videoplay.js and pano.xml files and used in my project, project is executing, But it's not playing as krpano, it's playing as normal html video. can anyone help me for achieve this.

    Thanks in advance.


    this is my html


    <script src="../assets/krpano.js"></script>
    <script src="../assets/videoplayer.js"></script>
    <script src="../assets/videoplayer_basic_source.js"></script>
    <script>
    embedpano({swf:"../assets/krpano.swf",
    xml:"../assets/pano.xml",
    target:"pano", html5:'only', onready:'krpano_onready_callback'});
    </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>

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!