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.


Monday, July 24th 2017, 10:18am

iOS black screen - ERROR video loading failed!

The problem is, when I try to open it from an iOS device (tested both iOS 8 and 10), it shows a black screen and get this error:

ERROR:…grafismo_3K.mp4 - loading video failed!

I know that it is an HTML5/http problem. I created .htacces on the destination (which is the same server and domain):

Source code

Header add Access-Control-Allow-Origin "*"Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

And even used a Node.js middleware (it is a node application) so I set the headers again just in case...

I get the same result, doesn't matter what I try.

I have my crossdomain.xml file on this server, just in case too:

It would be really helpful if I can get some guidance about this, please.. thank you very much.


Monday, July 24th 2017, 11:19am

Anyone? I'm sure this is such a common problem...

Here is some more information. JS embedpano function call (being this.context.baseUrl =

Source code

embedpano({swf: this.context.baseUrl + "/libs/krpano.swf", id:"krpanoSWFObject", xml: this.context.baseUrl + "/libs/video.xml", initvars:{videoUrl: this.context.baseUrl + this.props.src, videoInterfaceUrl:this.context.baseUrl + "/libs/skin/videointerface.xml", videoPlayerSwfUrl:this.context.baseUrl + "/libs/plugins/videoplayer.swf", videoPlayerJsUrl:this.context.baseUrl + "/libs/plugins/videoplayer.js"}, onready: this.setVideoElement, wmode:"transparent", target:"pano", passQueryParameters:true});

And here the XML I'm using to setup the player:

Source code

<krpano>	<!-- ejemplo en youtube para mobile -->	<!-- Calidad del video serĂ¡ 4096x2048-->	<include url="%$videoInterfaceUrl%" />
    <!-- include the videoplayer plugin -->    <plugin name="video"            url.flash="%$videoPlayerSwfUrl%"            url.html5="%$videoPlayerJsUrl%"                        videourl="%$videoUrl%"    					pausedonstart="true"	        loop="false"	        enabled="false"	        zorder="0"	        align="center" ox="0" oy="0""100%""prop"
	        onloaded="videointerface_setup_interface(get(name));"	        onvideoready="videointerface_videoready();"                        />
    <view maxpixelzoom="0" fov="90" fovmin="90" fovmax="90" />
		<!-- the panoramic video image -->		<image devices="panovideosupport">			<sphere url="plugin:video" />		</image>
		<security>		    <crossdomainxml url="" />		</security>
		<security cors="off">		    <allowdomain domain="*" />		</security>    </krpano>


Monday, July 24th 2017, 12:01pm

I forgot to say...

My application, running on node, is setup on a port:

and then I use a proxypass so users can access to:

and not notice that there is Nodejs behind or any port in between.

Could this be the problem?


Monday, July 24th 2017, 12:39pm


It was a problem with video resolution!

I was using a way too big resolution for these devices.. (it seems too big for Apple). I was using 3K, and as soon as I tried with a 2K video, the problem was totally gone.

Thank you anyway!

And thanks to krpano support that helped me to solve this problem really really quick.

PD: this should be in the docs somewhere... I didn't find it during all the reads I did searching for a solution. Could it be missing?