html5controls

Zephyr · September 4, 2011 at 7:19 PM

I found an attribute in the code for html5 ipad videoplayer, that seems to be missing in the documentation:

html5controls="true/false"

It enables the video html5 controls.

michel · September 4, 2011 at 7:52 PM

Hi detective Zephyr ,

That's true... and it seems to work... at least on Safari... but not on iPad...
I have tried controls="true" to see if there is a control also for flash version but it seems there is not...

SAlut.

Zephyr · September 6, 2011 at 2:15 PM

On my Ipad 2 it works :) Only it requires a touch to view it, it autohides.

Flash doesnt have native controls, they need to be made (perhaps in a swc file) and get included in the FLEX project. The Flash IDE has the FLVPlayback componnent that has several default skin options, thatg was always the reason I use my own videoplayer.swf. I dont need the advanced krpano options/distortion, just some controls. When I do need them , I just create images within krpano that are used as overlay (basic play/pause).

michel · September 6, 2011 at 6:28 PM

Hi Zephyr,

I am not able to see the controls on iPad2 ... however it shows on Safari useragent iOS 4.3.3 - iPad ...
Here an example online ...
The code I use:

Code

<!--
	krpano 1.0.8
	- video-hotspot example
-->


<krpano version="1.0.8" onstart="showlog();showtext('[b][i]krpano[br]video hotspot example[/i][/b]', infostyle);">


	<!-- use the editor for moving,rotating,scaling hotspots -->
	<plugin name="editor"  url="%SWFPATH%/plugins/editor.swf"  devices="flash" />
	<plugin name="options" url="%SWFPATH%/plugins/options.swf" devices="flash" />


	<!-- text styles for startup text and onhover text -->
	<textstyle name="infostyle"
	       	origin="center" edge="center" textalign="center" yoffset="-170" background="false" border="false"
	       	fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
	       	showtime="4.0" fadetime="1.0" fadeintime="1.0"
	       	/>


	<textstyle name="videohoverstyle"
	       	background="false" border="false" textalign="center"
	       	fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
	       	fadetime="0.2" fadeintime="0.5"
	       	/>




	
	<!-- use only a grid preview pano to save download space ;-) -->
	<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />






	<!-- note - the url of the video must be always relative to the main krpano swf file -->
	<plugin name="videospot" 
			 url="%SWFPATH%/plugins/videoplayer.swf" 
			 alturl="%SWFPATH%/plugins/videoplayer.js" 
			 videourl="%SWFPATH%/examples/plugin-examples/video-hotspot/cats-short.flv"
			 altvideourl="%SWFPATH%/examples/plugin-examples/video-hotspot/cats-short.m4v"
			 posterurl="%SWFPATH%/examples/plugin-examples/video-hotspot/poster.jpg"
			 pausedonstart="true"
			 html5controls="true"
			 onhover="if(ispaused, showtext(click to play, videohoverstyle), showtext(click to pause, videohoverstyle));"
			 onclick="trace(onclick,' - html5controls = ',html5controls); togglepause();"
			 pseudoloop="true"
			 onvideocomplete="if(pseudoloop , play() );"
			 
			 />




</krpano>

Display More

SAlut.

klaus.krpano · September 9, 2011 at 11:04 AM

Hi,

the controls are simply not supported on the iPad (by the browser), that's all...
this is also the reason why they the html5controls setting is not documented yet,

best regards,
Klaus

Houseofstone · December 23, 2012 at 4:38 AM

Is there any way to control the functions and icons of html5controls?

klaus.krpano · December 31, 2012 at 2:24 PM

Hi,

the 'html5controls' setting is only enabling the default browser controls.
For custom controls, I would recommend using own images and the krpano 'xml system'.

Best regards,
Klaus

html5controls

Participate now!

Users Viewing This Thread