Video hotspot demonstration.

Video hotspot links can be placed within a panorama which will launch the video player.  fusionplayer can play video files stored locally or stream video directly from YouTube saving on space, bandwidth costs and encoding. The video player can be re-skinned to fit your own design.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Video Hotspot Demo</pageTitle>
	<theme_enabled>true</theme_enabled>		
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>5000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>
	<youTube_EnableLogo>true</youTube_EnableLogo>
</main>
<panorama>
	<frameId>demo_room</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo Room</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.1</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>info_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>info.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>820</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>video</actionType>
		<videoType>youtube</videoType>
		<videoName>Images of the Filming HOME</videoName>
		<actionGoto>http://www.youtube.com/watch?v=ANnvZPQM0r4</actionGoto> 
		<altTag>Hotspot:bitmap   Action:video(youtube)</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
	<hotspot>
		<hotspotType>Bitmap</hotspotType>		
		<hotspotBitmapOn>info_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>info.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>680</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>video</actionType>
		<videoType>normal</videoType>
		<videoName>HOME Trailer</videoName>
		<actionGoto>video/home.flv</actionGoto> 
		<altTag>Hotspot:bitmap   Action:video(local)</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
</config>

config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<themeDir>themes/demo</themeDir>
</config>

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>700</tourWindowWidth>		
	<tourWindowHeight>513</tourWindowHeight>	
	<tourWindow_PosX>0</tourWindow_PosX>		
	<tourWindow_PosY>0</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>200</mainLoader_PosX>
	<mainLoader_PosY>250</mainLoader_PosY>
	<loader_PosX>200</loader_PosX>
	<loader_PosY>230</loader_PosY>
	
	<fullscreen>true</fullscreen>
	<viewportFullscreenIcon_PosX>15</viewportFullscreenIcon_PosX>
	<viewportFullscreenIcon_PosY>15</viewportFullscreenIcon_PosY>
	<buttonPanel_fullscreenButton_altTag>Fullscreen mode</buttonPanel_fullscreenButton_altTag>
	<buttonPanel_enable_altTags>true</buttonPanel_enable_altTags>
	
	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
	
	<fullscreenHS_scale>0.75</fullscreenHS_scale>
	
	<videoCanvas_Width>460</videoCanvas_Width>
	<videoCanvas_Height>328</videoCanvas_Height>
	<videoCanvasPosX>110</videoCanvasPosX>
	<videoCanvasPosY>80</videoCanvasPosY>
	<videoSource_Width>450</videoSource_Width>
	<videoSource_Height>280</videoSource_Height>
	<videoWindowPosX>5</videoWindowPosX>  
	<videoWindowPosY>25</videoWindowPosY>
	<defaultCloseVideoButton_PosX>360</defaultCloseVideoButton_PosX>	
	<defaultCloseVideoButton_PosY>5</defaultCloseVideoButton_PosY>	
	<videoToolbarHeight>30</videoToolbarHeight>
	<videoBackgroundColour>0x000000</videoBackgroundColour>				
	<videoFontName>verdana</videoFontName>												
	<videoFontSize>10</videoFontSize>														
	<videoFontColour>0xFFFFFF</videoFontColour>										
	<videoFontBold>true</videoFontBold>													
	<videoFontAlign>left</videoFontAlign>		
	<videoTitle_PosX>115</videoTitle_PosX>								
	<videoTitle_PosY>85</videoTitle_PosY>	

</theme>
</config>