Loading plugins at runtime Flash plugins - Demo 6 / 7

Introduction

Flowplayer allows you to load plugins dynamically at runtime. These plugins can be official Flowplayer plugins or they can be any Flash object that are coded with ActionScript 3.0. Both of these plugin types can be moved, resized and faded in & out. Here you can see a random SWF loaded on third second of the playback. The screen is animated simultaneously.

Typically this kind of animation is performed upon onFinish event but here we do it earlier so the effect will be shown earlier. The benefit of using loadPlugin method is that you will only download files from the server only when needed. For large plugins this is really a nessessity.

This demo just an illustrative example and you can use a more useful Flash object in place of our "hello world" object.

Flowplayer configuration

Random SWF is loaded with the loadPlugin method. You can supply optional plugin configuration as the third argument to this method. For random SWF objects this configuration can only consist of display properties.

flowplayer("player", "/swf/flowplayer-3.1.5.swf", {

	// do not start automatically
	clip: {
		autoPlay: false,
		autoBuffering: true,
		
		// make things happen on 3rd second
		onCuepoint: [3000, function() {

			// load plugin from the server
			this.loadPlugin("hello", "/swf/hello-world.swf", { 
				left: 0 
			});
			
			// animate screen to top right corner
			this.getScreen().animate({
				top:5, 
				right: 5, 
				width: 200, 
				height: 130
			}, 2000);
			
		}]
	}
	 
});