1) I've a video hotspot which is correctly displayed on desktop and ipad iOS7 / iOS8 but not on iPhone 5 iOS7 or Nexus 5 with the Chrome Mobile Device Test Interface.
The video is resized as "1/4" size on topleft corner of the video but to activate it the touch point is centered on the bottom right corner of the video.
This is the code used :
Code
<hotspot name="spotvideo"
visible="true"
style="videoSpotStyle"
ath="-19.144690" atv="-11.683633"
width="199"
height="318"
rx="-2.97240122247438"
ry="0.476812841777157"
rz="-1.01672383303677"
onclick="MYCLICKACTION"
posterurl="%FIRSTXML%/videospot/video_poster.jpg"
zorder.flash="2"
zorder.html5.and.desktop="2"
zorder.html5.and.tablet="2"
zorder.html5.and.mobile="2"
videourl.desktop="%FIRSTXML%/videospot/video_high.mp4"
videourl.tablet.or.mobile="%FIRSTXML%/videospot/video_low.mp4"
onunsupported="trace('not supported');" />
<style name="videoSpotStyle"
capture="false"
visible="false"
distorted="true"
scale="1.0"
url.flash="%FIRSTXML%/videoplayer.swf"
url.html5="%FIRSTXML%/videoplayer.js"
loop="true"
pausedonstart="true"
onhover="ONHOVERACTION"
onout="ONOUTACTION"
onvideoready="ONVIDEOREADYACTION"
/>
Alles anzeigen
2) on iPad with iOS8 I can see the transparent CSS rule behind the video but not on iOS device with iOS7 installed which have the black borders on top and bottom. Is it normal ?
3) the video_poster.jpg frame is same size as the mp4 video. The poster is displayed on true distored spot positions topleft to bottomright corner on desktop and ipad but video once played has a height a little different.