HTML5 + MObile + Android + Chrome Failing to load distorted video

  • Distorted video loads fine everywhere except for on mobile+android+chrome. Same device loads fine in firefox. If I go to the mp4 link directly it does play, so not a codec issue. Only error being thrown is "failed to download video". This is an html5 tour only so no flash. Would love any insight you could give!


    Code
    <hotspot name="playbutton"  scale=".5"	 zorder="14"	 visible="true"	 keep="true"	 url="info.png"  ath="50"	 atv="20"	 distorted="true"  capture="false"  onclick="set(hotspot[playbutton].visible, false);	set(hotspot[video1].visible, true);	hotspot[video1].play();	"/>	
     <hotspot name="video1"  url="plugins/videoplayer.js"  videourl="videos/video1.mp4|videos/video1.ogv"	 posterurl="videopatch.jpg" keep="true"	 ath="10"  atv="15"  height="100"  width="200"  distorted="true"  scale="1"  rx="10" ry="-20"  rz="-15"  visible="true"  pausedonstart="true"  loop="false" 				volume="1.0"  onvideoready=""  onvideoplay.desktop="set(view.maxpixelzoom, 1.5);	looktohotspot(video1, 20, smooth(100,50,20));	tween(view.fov,17.71,2,easeInOutSine);"  onvideoplay.tablet="set(view.maxpixelzoom, 3);	looktohotspot(video1, 3, smooth(100,50,20));	tween(view.fov,5,2,easeInOutSine);"				onvideoplay.mobile="set(view.maxpixelzoom, 1.5);	looktohotspot(video1, 20, smooth(100,50,20));	tween(view.fov,17.71,2,easeInOutSine);"				onvideopaused="tween(view.fov,102,2,easeInOutSine);	wait(2);	set(view.maxpixelzoom, 1);"  onvideocomplete="stop();	set(hotspot[video1].visible,false);	set(hotspot[playbutton].visible,true);	tween(view.fov,102,2,easeInOutSine);	wait(2);	set(view.maxpixelzoom, 1);	"  onerror=""  capture="false"  zorder="12"  onclick="togglepause()"  handcursor="true"	 buffertime="2"/>

Participate now!

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