Media Player with thumbs

Media Player with thumbs

This component allows you to open multiple videos/audios and images in a single compact component.

It can play only one video if you define the specific flashvar for this or multiple videos organized in a playlist over the controller. You can set the dimensions of the playlist.
The player plays both audio and video formats and if no media defined it will just show the preview image and the controls will deactivate.

In the HTML file or the file you'll embed the component you'll be able to set the video you want to start with. You'll find instructions about this in our index.html file.
Also you can set up a logo to show up in any corner of the media player.

The component can be embedded anywhere inside a html page using the embed code generated in the screen that shows up pressing the specific button.

The colors are customizable in the xml file. Also various elements' sizes are customizable.

 

DrOmBo

on 7/4/11

 

...is there any help file for this product like the free mp3 player that explains step by step how to customize the player?

 

Corneliu Chitanu

on 8/4/11

Hi,

We're sorry, but there isn't a help file for this component. However, we tried to make the XML nodes as self explanatory as possible. Please open the content.xml and settings.xml files and change the values you want.

Also, if you don't know what some property does, please call for our help. We'll explain it to you.

 

DrOmBo

on 8/4/11

...done!

Thanks!

 

Corneliu Chitanu

on 2/6/11

 

Hello guys,

We completed a little update for this player. Just improved the visual aspect of it and the behavior when switching between the videos/audios/images.

If you want this update, just download the new files and use the new SWF file for your project.

 

cpansewicz

on 21/7/11

 

Are you able to embed Vimeo videos in this player?

 

Corneliu Chitanu

on 25/7/11

Hi,

We're sorry, but, at the moment, the player doesn't support Vimeo videos. We'll try to build this enhancement in a future update.

However, we can do this for you faster, as custom work. If you're interested, send our team an email at [email protected]

 

Lou

on 27/7/11

 

Will this video gallery play Youtube videos?

 

Corneliu Chitanu

on 1/8/11

Hi Lou,

Yes, this video player can play Youtube videos. You can try the free preview you can download from this URL:

http://www.flabell.com/files/344_e1407...

 

scientific.jay

on 18/8/11

 

Just purchased it Wanted to know how to make this player my default video player for mulitple post in a wordpress

 

Corneliu Chitanu

on 31/8/11

Hello

Sorry about the late reply on your issue. In WordPress you'll need to make some adjustments. But first you'll need to follow this tutorial:

http://www.flabell.com/blog/1829/how-t...

Upload the deploy folder somewhere on your server and go through the same process as described above.The only adjustment you must do is at the 5th step. Set the path to the swfobject.js file, the SWF files and the pathToFiles flashvar as absolute paths, like this:

                
<script type="text/javascript" src="http://www.yourwebsite.dom/.../deploy/js/swfobject.js"></script>
...
flashvars.pathToFiles = "http://www.yourwebsite.dom/.../deploy/accordion/";
...
swfobject.embedSWF(http://www.yourwebsite.dom/.../deploy/preview.swf, attributes.id, stageW, stageH, "9.0.124", "http://www.yourwebsite.dom/.../deploy/js/expressInstall.swf", flashvars, params);

                

Also, if you copy the code in an article or a WP page, make sure you do it in HTML mode.

Let me know, if you need more help. I'll do anything I can to help.

If you need something more fancy, like a WordPress shortcode or maybe anything else, you'll need to modify your WordPress theme.

We can do it as custom work. If you're interested, just send an email at [email protected]

 

scientific.jay

on 2/9/11

I'm trying to find out where do I paste this index.html file for my wordpress. You say the html page. When I login to Wordpress and make a new page and post this code in the html section it does not show up. Do i load this index.html code into another folder via ftp or what im lost?

 

Corneliu Chitanu

on 5/9/11

You need to upload the entire deploy folder, not only the index.html webpage. And depending to the place you uploaded this folder, you need to adjust the paths to the files, like I explained.

If you can't do it, please give me a link to the page that you created. I'll try to figure out what the problem is.

 

scientific.jay

on 18/8/11

 

Also wanted to know how I can put my logo directly into the actual control panel just like youtoube

 

Corneliu Chitanu

on 31/8/11

We're sorry, but you can't put your logo in the control panel. You'll need some changes to the ActionScript project to accomplish this. If you need our help on this, just contact us at the address I wrote above.

 

Mattias Stockholm

on 5/11/11

 

Hi all FlaBell Friends !

Any one here have a "working" AS code for this component to put in the "main" Fla file ?

Right now i have this:

// FLASH IMPORTS
import flash.display.MovieClip;
import flash.display.StageAlign;
import flash.display.StageScaleMode;

// VUZUM IMPORTS
import com.vuzum.mediaplayer.MediaPlayer;
import com.vuzum.utils.*;


/**
* COMPONENT'Ss PARAMS
*/
var componentWidth : Number = 712;
var componentHeight : Number = 725;
// path to files
var pathToFiles : String = "mediaplayer/";
// xml paths
var xmlPath : String = "xml/settings.xml";
var xmlContentPath : String = "xml/content.xml";
var startWithItemNo : Number = 1;

// logo settings
var logoPath : String = "";//content/images/logo.png";
var logoURL : String;
var logoPosition : String = "TR"; // used to arange elemnts inside
var logoMargin : Number = 5; // used to arange elemnts inside



// STAGE SETTINGS
if(stage)
{
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.showDefaultContextMenu = false;
}

And its not working : (

I got no "warnings" when I run publish settings or "flash de_bug 11" ! !

Any one that can help me here with the right code to the FLA file ?

Best regards

/ Matheuz

 

Corneliu Chitanu

on 7/11/11

Hello Matheuz,

You have this toturial that might help you:

http://www.flabell.com/blog/1641/embed...

You just need to copy all the movieclips in the projectCS4.fla file in your library. Drag an instance of the mcMediaPlayer movie clip on your stage. Then you need this code in your timeline, if you're workin on a timeline project:

                
var componentWidth : Number = 712;
var componentHeight : Number = 725;

var pathToFiles : String = "mediaplayer/";

var xmlPath : String = "xml/settings.xml";
var xmlContentPath : String = "xml/content.xml";
var startWithItemNo : Number = 1;
var mode : String = "video";
var videoPath : String = "";
var streamer : String = null;

var hdVideoPath : String = "";
var hdStreamer : String = null;

var previewPath : String = "";

var downloadScript : String = "";

var logoPath : String = "";
var logoURL : String;
var logoPosition : String = "TR";
var logoMargin : Number = 5;

mcMediaPlayer.init(componentWidth, componentHeight, pathToFiles, mode,  xmlPath, xmlContentPath, startWithItemNo, videoPath, streamer, hdVideoPath, hdStreamer, previewPath, downloadScript, logoPath, logoURL, logoPosition, logoMargin);

                

Just set your own values for the variables above. Note that some of them are optional, like the logo variables. Please check the MediaPlayer.as file for these details.

 

mywebicon

on 31/12/11

 

Hi,
I want to know whether this player is fully coded in AS3 or it is based on flash flvplayback component. Our requirement is to modify/customise netconnection and netstream handler for rtmp. is it easiliy possible? Whether Player code is in one moviie file?

 

Corneliu Chitanu

on 3/1/12

Hello,

Thank you for your interest! Yes, the netstream handler can be customized. Actually the player supports RTMP streaming.

If you need to use it as a single video player, you must set this flashvar as the URL to the streaming app:

flashvars.streamer = "http://websitename.dom/.../app";

and this flashvar as the path to the video:

flashvars.videoPath = "[folder/../]videoFileName.flv"

that's if the video is an FLV format file. If it's mp4 of m4v the extension must precede the path:

flashvars.videoPath = "mp4:[folder/../]videoFileName"

If you need a playlist for the player, you will need to unset the above flashvars and use the attributes in the content.xml file similarly.

Let us know, if it gives you any trouble. We'll do our best to fix the problem.

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

There is currently no current change log for this flash component.

There is currently no additional help provided for this flash component.