Krpano 1.18 : Unespected video hotspot size on mobile device

benji33

Fortgeschrittener

Beiträge: 244

Wohnort: France

Beruf: Senior Software engineer

Dienstag, 21. Oktober 2014, 13:16

Krpano 1.18 : Unespected video hotspot size on mobile device

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 :

Quellcode

<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"
     	/>

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.

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Dienstag, 21. Oktober 2014, 13:33

Hi,

1) this is a bug, I have fixed it a few hours ago.
Here a fixed videoplayer.js for the moment:
videoplayerjs.zip

2) No that's not normal. The transparent background color style will be always applied once the video starts playing.
Do you have an example?

3) Do you have an example?

Best regards,
Klaus

Zum Seitenanfang

benji33

Fortgeschrittener

Beiträge: 244

Wohnort: France

Beruf: Senior Software engineer

Dienstag, 21. Oktober 2014, 14:13

Tested with
- iOS 8 iPad 3 : transparent css + height change on poster remove due to transparent borders on height
- iOS 7.1.2 iPad mini (not retina) : black css + height change on poster remove due to black borders on height
- iOS 7.1.2 iPhone 5 : black css + height change on poster remove due to black borders on height

Sample sent on your mail by wetransfert service.

Zum Seitenanfang

benji33

Fortgeschrittener

Beiträge: 244

Wohnort: France

Beruf: Senior Software engineer

Dienstag, 21. Oktober 2014, 14:17

With the new videoplayer.js file I've many difficulties to play the video onclick. I cannot start it on my iPhone 5.
And also i can't drag panorama when i touch the video with capture="false" (can drag on iPad).

But the size is corrected :)

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Dienstag, 21. Oktober 2014, 19:08

Hmm... for me that works... *confused*

Zum Seitenanfang

benji33

Fortgeschrittener

Beiträge: 244

Wohnort: France

Beruf: Senior Software engineer

Mittwoch, 22. Oktober 2014, 09:49

For points 2 and 3 you're right when I apply a ratio 2:1 to the poster file it's ok.

For the corrected videoplayer.js on iPhone 5 (model MD297F/A) with iOS 7.1.2 (11D257) + Safari 7.0, I confirm that I can't drag the panorama even with the bgcapture="false" attribute and I can't reach the onclick event on the whole poster.

In fact to launch video the Apple play picture (which is hidden when poster is here) is the only way and it can be very very small on big video files as the video into the sample !

And when I success to launch it one time, the onclick="togglepause();trace("here");" doesn't display the trace ! Perhaps due to the fullscreen video ?

So I've tried with a lower size mp4 video (368x368 / 2.20 Mo) and it doesn't works well too. Only the touch on the Apple play icon launch the video, but icon is bigger, so it's more easy.

Same on Chrome App.

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Mittwoch, 22. Oktober 2014, 14:10

Hi,

okay, I can confirm this, but this seems to be an iOS 7 bug/issue/limitation.
It's not related to krpano version 1.18 - version 1.17 and 1.16 are behaving the the same.

iOS 7 seems internally to layer the video on top and to capture and handle everything by itself...
In iOS 8 this is working fine (time to upgrade

)

Best regards,
Klaus

Zum Seitenanfang

Krpano 1.18 : Unespected video hotspot size on mobile device

Krpano 1.18 : Unespected video hotspot size on mobile device

Quellcode

Ähnliche Themen