You are not logged in.

Dear visitor, welcome to Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • "Nareshcharykotha" started this thread

Posts: 1

Location: Hyderabad,India

Occupation: Software Engineer

  • Send private message


Tuesday, December 19th 2017, 10:39am

360 virtual tour video playing in Html and angular2 project.

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>
target:"pano", html5:'only', onready:'krpano_onready_callback'});

<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="" type='video/mp4'/>


Monday, January 8th 2018, 5:25pm

Sorry, but your html is completely wrong...

Maybe start with the 'videopano' example: