I've tried using the posterurl feature to display an image on the screen while the video loads.
The image is the same pixel size as the 360 video, i.e. 3840x1920 however it does not display correctly with the horizon being 'curved'.
Here is my xml:
<plugin name="video1" keep="false"
url.flash="../plugins/videoplayer.swf"
url.html5="../plugins/videoplayer.js"
videourl.desktop="../video/1920x960/allotment-ground-only.mp4"
videourl.android="../video/1280x636/allotment-ground-only.mp4"
videourl.ios="../video/1280x636/allotment-ground-only.mp4"
posterurl.desktop="../poster/3840x1920/pano1.jpg"
posterurl.android="../poster/1280x636/pano1.jpg"
posterurl.ios="../poster/1280x636/pano1.jpg"
loop="true"
pausedonstart="false"
visible="true"
autopause="true"
html5controls="true"
use_as_videopano="true"
/>
Any ideas?