Hello guys
I have recently started messing around with krpano to see if its a good solution for streaming 360 videos. It seemed to work prefect for me on my local site, dev site and on my samsung s6. However when i tested on my partners iPhone I came across a problem ( Iphone is slowly becoming the lext IE8 for development).
I received the error
"ERROR: Error: SecurityError: DOM Exception 18".
My video player does show the image, and when i click close to the error, it and press play it shows the video length is 4 minutes long which is the correct length of my video file. So it is pulling it in, but just showing the image instead of the video.
I have implemented this quite simple so i do not know why this is happening.
in my index.php I do the following:
<script src="/krpano/krpano.js"></script>
<div style="width:750px;height:422px;">
<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;text-align:center;"><td>ERROR:<br><br>Javascript not activated<br><br></td></tr></table></noscript>
<button class="show-video" onclick="showVideo()">Show video</button>
<script>
function showVideo(){
console.log('got here');
$('.show-video').hide();
embedpano({
swf:"/krpano/krpano.swf",
xml:"/krpano/videopano.xml",
target:"pano",
html5:"only",
mobilescale:1.0,
passQueryParameters:true
});
}
</script>
</div>
</div>
and in my videopano.xml file looks like this:
<krpano>
<action name="startup" autorun="onstart">
if(device.panovideosupport == false,
error('Sorry, but panoramic videos are not supported by your current browser!');
,
loadscene(videopano);
);
</action>
<scene name="videopano" title="krpano Panoramic Video Example">
<!-- include the videoplayer interface / skin (with VR support) -->
<include url="skin/videointerface.xml" />
<!-- include the videoplayer plugin -->
<plugin name="video"
url.html5="%SWFPATH%/plugins/videoplayer.js"
url.flash="%SWFPATH%/plugins/videoplayer.swf"
pausedonstart="true"
loop="true"
volume="1.0"
onloaded="add_video_sources();"
/>
<!-- use the videoplayer plugin as panoramic image source -->
<image>
<sphere url="plugin:video" />
</image>
<!-- set the default view -->
<view hlookat="0" vlookat="0" fovtype="DFOV" fov="130" fovmin="75" fovmax="150" distortion="0.0" />
<!-- add the video sources and play the video -->
<action name="add_video_sources">
videointerface_addsource(‘medium', 'https://s3-eu-west-1.amazonaws.com/myamazonbucket/Shoots/2016/06/the-first-video/videos/high.mp4|https://s3-eu-west-1.amazonaws.com/myamazonbucket…ideos/high.webm');
videointerface_play(‘medium');
</action>
</scene>
</krpano>
Can any one please advise on this issue? Thanks