Making content plug-in hide while video plays Created Jan 27, 2011

<script language="JavaScript">

$f("player", "/flowplayer/flowplayer-3.2.5.swf",  {
		clip: {
	baseUrl: 'http://sportersmusic.com/clips/',
		// a clip event is defined inside clip object
		},
		plugins:  {
			// "myContent" is the name of our plugin
	myContent: {

		// location of the plugin
		url: 'flowplayer/flowplayer.content/flowplayer.content-3.2.0.swf',

		// display properties
		top: 20,
		width: 300,

		// styling properties
		borderRadius: 10,

		// linked stylesheet

		// "inline" styling (overrides external stylesheet rules),
		style: {
			'.title': {
				fontSize: 24,
				fontFamily: 'verdana,arial,helvetica',
			color: '#f0f0f0',
			textAlign: 'center',
			}
		},
		html: '<a href="http://sportersmusic.com/" class="title">Sporters Music</a>',

		// clicking on the plugin hides it (but you can do anything)
	
		onClick: function() {
			this.hide()
		},
		closeButton: true,
	opacity: 1.0
	}
	},
	// here is our playlist with two clips
	playlist: [
		// this first PNG clip works as a splash image
		{
			url: 'testpilot.png', 
		},
		// second clip is a video. when autoPlay is set to false the splash screen will be shown
		{
			url: '20051210-w50s.flv', 
			autoPlay: false, 
			autoBuffering: true 
		}
	],
	
});
</script>

$f().getPlugin('myContent').hide();

$f().getPlugin('myContent').show();

   onCuepoint: [[5000], function(clip,point) {   
                           // var myContent = this.getPlugin("myContent");  
                           this.getPlugin("myContent").show(); 
                           // myContent.show();   

this.getPlugin("myContent").hide();