Close button for video

Wolf73 · December 10, 2020 at 7:41 PM

516 / 5000

http://undefined http://undefinedÜbersetzungsergebnisse

Hello everyone, I'm still pretty new to coding and have another question. I have a hotspot for which I wrote an action for a video player. so all in all the whole thing works. But now I would like to add a close button if you don't want to see the video all the way to the end that closes the video. Unfortunately I am failing at the moment. I've only been programming with XML for two weeks and hope you can help me a bit further. here is the code as I wrote it:

<hotspot name="video1hs"
url="grafik/video.png"
alpha="0.9"
scale="0.25"
onhover="set(alpha,1); tween(scale,0.35,0.5); showtext([p]emVideo[p])"
onout="set(alpha,0.9); tween(scale,0.25,0.5);"
ath="+114.000" atv="9.5"
onclick="video1()"
/>

<action name="video1">
addplugin(v1);
set(plugin[v1].url,plugins/videoplayer.js);
set(plugin[v1].videourl,video/bestof.mp4);
set(plugin[v1].posterurl,skin/icons/postervideo1.png);
set(plugin[v1].align,center);
set(plugin[v1].width, 854);
set(plugin[v1].height, 480);
set(plugin[v1].loop, false);
set(plugin[v1].onvideoready, play());
set(plugin[v1].onvideocomplete, removeplugin(v1)());
set(plugin[v1].enabled, true);
set(plugin[v1].visible, true);
set(plugin[v1].html5controls, true)
</action>

Tuur · December 11, 2020 at 12:52 PM

Hi,

here a quick rebuild of your code.

Not sure if you use scenes..
Hotspot in scene

Code

<hotspot name="video1hs"
			url="grafik/video.png"
			alpha="0.9"
			scale="0.25"
			onhover="set(alpha,1); tween(scale,0.35,0.5); showtext([p]emVideo[p])"
			onout="set(alpha,0.9); tween(scale,0.25,0.5);"
			ath="+114.000" atv="9.5"
			onclick="DoVideo(bestof);" 
		/>

and some code outside scene (global)

Code

<style name="vdo" url="plugins/videoplayer.js"  align="center" width="854" height="480" loop="false" onvideoready="play" onvideocomplete="removeplugin(v1,true);" html5controls="true" />
	
<style name="vdo_close" type="text" parent="plugin[v1]" align="righttop" x="-20" y="-20" width="20" height="20" bgroundedge="10" bgcolor="0xffffff" html="X" vcenter="true" css="font-family:Verdana;font-size:14px;color:#333333;text-align:center;" onclick="removeplugin(v1,true);" />	


<!-- video1 action -->
<action name="DoVideo">
	addplugin(v1);
	plugin[v1].loadstyle(vdo);
	set(plugin[v1].onloaded,
		playvideo(video/%1.mp4);
	);
	
	addlayer(vclose);
	layer[vclose].loadstyle(vdo_close);
</action>

Display More

So we call the DoVideo action and in the brackets we put the video file name like (bestof).
For the video player we made a style, also for the close button.
onvideocomplete or on click close button we do: removeplugin(v1,true); that means remove the plugin v1 and it's children.. which is in this case the close button.

Perhaps it is wise to set the height of the video player to prop. (proportional)..

You could re-use this action for all flat videos in your 'tour' you like to show like this.
DoVideo(bloopers); will show your bloopers video then in this manner.

Hope it's clear and helps,
Tuur

Wolf73 · December 12, 2020 at 7:41 AM

Thank you Tuur, thats great!

Close button for video

Participate now!

Users Viewing This Thread