Embeding JW player 4.0 in a flash website (AS3)

I'm in this boat too and haven't figured out how to send configuration parameters to the player so it can load up a file. I just get the view that you see if you open the fla directly. I see no player, just all its assets.

This really ought to be a wiki page I think.

somebody knows how to load parameters and flashvars in a php file who have header

header ("Content-Type: application/x-shockwave-flash");
readfile('../JW/mediaplayer.swf');

somebody can help me

I think I am getting somewhere here

This works pretty well! The key is to point it to a config file otherwise is just raises errors.

I still need to be able to start and stop the player via actionscript, however. Any hints on that?

That works for you? I get Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.

My config.xml is:
<config>
<file>video.flv</file>
<autostart>true</autostart>
</config>

I get the same error, and i dont know how to build my config.xml!

Regards

Same error here. WHen page loads I get a popup window with error message:
Error #2044: Unhandled IOErrorEvent:. text=Error #2124: Loaded file is an unknown type.

I was receiving the same error, so I setup an event handler to deal with the IOErrorEvent. This is what was returned...

MissingFile.xml?

Ah, but when I exported the SWF with HTML and then loaded it all up in a browser, it worked fine. It did try to load up the MissingFile.xml file as well, but the video listed in config.xml did appear to play without a hitch. I then just created a blank MissingFile.xml for the browser to load.

What is MissingFile.xml?

What other parameters can be set in config.xml?

can the JW player be used in another flash site, or not? if so, how is it done?

This worked for me, but you will need to edit the width and height attributes within the jw player fla.

videoPlayer.contentLoaderInfo.addEventListener(Event.COMPLETE, videoLoaded);
videoPlayer.load(new URLRequest("player.swf?config=config.xml"));
}

function videoLoaded( evt:Event ):void {
videoPlayer.x = 280; // player position
videoPlayer.y = 75; // player position
addChild(videoPlayer);
}

I have this code now:

var direplayer = new Loader();
direplayer.contentLoaderInfo.addEventListener(Event.COMPLETE, direloaded);
direplayer.load(new URLRequest("Films/Director/player.swf?config=Films/Director/config.xml"));

function direloaded( evt:Event ):void {
addChild(direplayer);
trace("Player loaded")
}

That works, and the player loads perfectly, but the width and height are the same that my swf movie!

If i put these lines:

direplayer.x = 280; // player position
direplayer.y = 75; // player position

The player only changes the position, but i need to change the width and height! How i can do that?

OK, now, i add those two lines:

direplayer.height = 252; // player size
direplayer.width = 270; // player size

and works fine! But the quality of the player is a little poor.

Regards, Sake!

Hi Guys,

I also had the same problem, and used to get a TypeError when the loader was trying to load the mediaplayer swf:
-----------------------------------
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.jeroenwijering.player::Controller$iinit()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\player\Controller.as:42]
at com.jeroenwijering.player::Player/com.jeroenwijering.player:Player::skinHandler()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\player\Player.as:100]
at flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.jeroenwijering.player::SWFLoader/loadSkin()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\player\SWFLoader.as:63]
at com.jeroenwijering.player::Player/com.jeroenwijering.player:Player::configHandler()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\player\Player.as:94]
at flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.jeroenwijering.utils::Configger/com.jeroenwijering.utils:Configger::loadFlashvars()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\utils\Configger.as:74]
at com.jeroenwijering.utils::Configger/load()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\utils\Configger.as:44]
at com.jeroenwijering.player::Player$iinit()[M:\DEV\Web-Pages\flash\jeroenwijering player\ver 4\com\jeroenwijering\player\Player.as:85]
---------------------------

thanks to this Thread i was able to find a solution!:)
the only thing i needed to add was the "?config=config.xml" suffix to the url provided for the loader.
was no need to change or modify any of the media player's properties (x/y/width/height)

hope it helps someone.... ;)

I'm hoping someone can help as when I first tested it, the player and videos ran perfectly, but today I'm getting the following error: Error #2044: Unhandled IOErrorEvent:. text=Error #2036: Load Never Completed.
Can anybody please, please, please help?! Basically the player uses a skin, with a default image, and when you click a thumb below the player, it loads the video in the player. It actually plays the video after clicking ok on the error message.
Thanks in advance for any and all assistance!

Here's js code for the player:

function createPlayerNow(theFile, theImage) {
var s = new SWFObject("player.swf","thePlayerId","350","300","7");
s.addParam("allowfullscreen","true");
s.addParam("allowscriptaccess","true");
s.addVariable("displayheight","300");
s.addVariable("file",theFile);
s.addVariable("width","350");
s.addVariable("height","300");
s.addVariable("overstretch","fit");
s.addVariable("showicons","false");
s.addVariable("autostart","true");
s.addVariable("image",theImage);
s.addVariable("shuffle","flase");
s.addVariable("enablejs","true");
s.addVariable("javascriptid","thePlayerId");
s.addVariable('flashvars','file=image=skins/edge.jpg&skin=skins/silverywhite.swf');

s.write("edgeplayer");
}

Here's the html code for the player:
<DIV id="edgeplayer" align="center"><a href="http://www.macromedia.com/go/getflashplayer"> <img src="skins/front_edge.jpg" border="0" onclick="createPlayerNow('player/videos/testvideo.flv', 'replay.gif')"></a> <p/></DIV>

<div style="width:500px; margin-top:2px; margin-bottom:2px; margin-left:5px; text-align:center; float:left;">
<div style="width:90px; float:left;">
<img src="player/thumbs/L_june2008.jpg" alt="Click to play" border="0" onclick="createPlayerNow('player/videos/passion2.flv', 'replay.gif')"/>
</div>
<div style="width:155px; float:left; color:#06C; font-size:10px; font-weight:bold; padding-top:15px; padding-bottom:8px; text-align:left; margin-left:5px;">Passion 2008 - Part 2</div>

<div style="width:90px; float:left;">
<img src="player/thumbs/E_june2006.jpg" alt="Click to play" border="0" onclick="createPlayerNow('player/videos/testvideo2.flv', 'replay.gif')"/>
</div>
<div style="width:155px; float:left; color:#06C; font-size:10px; font-weight:bold; padding-top:15px; padding-bottom:8px; text-align:left; margin-left:5px;">Atlanta 2007</div>
</div>

hiEQEQEQE

I hope that is not the correct thread man!

Regards.

Hi

I want to extend the JW's capabilities by using a wrapper class (swf) which will
load the jw player as an external swf and configure it properly on the stage.

the first issue i stumbled upon is that the player automatically resumes the stage size
and this is not what i want. i need it in a specific size.

the problem is that when i try to set the player's .wdith / .height props it doesnt scale properly
and the width/height values are somewhat relative, aka 320 (width) gives something which is much
wider then 320 pixels.

is there any proper way to adjust or to override the player's behavior in setting its own size?
(as i see the player tries to assume the skin.stage.stageHeight and width props to its own .width and .height
props via the Controller and View classes)

yet when i try to hardcode the above values i dont see any new results, the same default size which is the whole
stage...

any one can help? :)

thanks

adding to my last question

the best solution for me would be to for the loaded JW player
to assume the size of its container (Sprite).

has anyone achieved this?

I can't even load JWPlayer inside SWF. Can you give sample?. I get error 1009.

players shows up after loading with player.swf?config=config.xml

with all config parameters just like javascript parameters.

Now it i see streaming..in firebug ..no display of video.....black screen...

I hear choppy sound though...kind of super slow sound of video is coming...real choppy...

Something not right....

It plays well if i use player.swf directly...but when i load through loader..nothing works.

Ok..that was my issue...my lack of knowldege of action script...Create keyframe and added action to it. Now it plays the video.
Great!.

Ok my loader loads to full stage ..i want to add to part of it. how?.

how do i specify the height and width of player when i load it through loader?. It takes full size of loader dimension,.

sometimes I have had to set the scaleX and scaleY props to 1 so FLASH/FLEX does not treat height and width of a Sprite as a scale factor.

screenSprite.scaleX = 1;
screenSprite.scaleY = 1;

Hi guys

I managed to load the JW player only when i call an ExternalInterface.call to the page's javascript
which simple calls alert(); this creates a certain kind of delay which makes the player load and be
seen on the stage, otherwise the player is simply not visible, and probably doesn't finish its skinning phase
or a complete instantiations, or something of the sorts.

did anybody experiences this? could someone take a wild quess as to solving this issue...?
i was thinking of creating some kind of an artificial delay to allow this gap of time for the player
to work, but i don't like the idea conceptually.. :(

ps: im currenly loading the player locally, directly for the file system rather then a web server,
so this might also be part of the reason.?

Error loading player. error:[IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2036"]

HOW DO I FIX THIS??????????????????????????????|

Error loading player. error:[IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2036"]

I have been able to watch videos until today when this error popped up. Looks like Jennifer has the same problem.

Error loading player. error:[IOErrorEvent type="ioError" bubbles=false cancelable=false eventPhase=2 text="Error #2036"]
I have been able to watch videos until today when this error popped up. Looks like Jennifer and Becky have the same problem.

Jennifer, Becky, Meka
I have the same problem. And I also ask how can I fix this?

Hi All,

Searching the forums for the whole week i finally found how to add it on Flash CS3/AS3.

1. Read these articles

http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Part...

http://www.jeroenwijering.com/?item=Using_the_Player_in_Flex
(read the actionscript part)

2. On your fla file add this on the header

import com.jeroenwijering.events.*;
import com.jeroenwijering.player.*;
import com.jeroenwijering.plugins.*;
import com.jeroenwijering.utils.Configger;
import flash.display.MovieClip;
import flash.events.Event;
import flash.external.ExternalInterface;
import flash.net.URLRequest;

3. Check for PlayerEvent.READY

function loaderFinished(e:Event) : void {
playerObject = e.target.content as Object;

if(playerObject.view == null) {
playerObject.addEventListener(PlayerEvent.READY, this.playerReady);
} else {
playerReady();
}
}

4. Once the PlayerEvent.READY, you can call any
button like this ex: play/pause and stop...

play_btn.addEventListener(MouseEvent.CLICK,
function (evt:MouseEvent){

externalMovie.view.sendEvent(ViewEvent.PLAY,false);//play/plause
});
stop_btn.addEventListener(MouseEvent.CLICK,
function (evt:MouseEvent){
externalMovie.view.sendEvent(ViewEvent.STOP); //pause
});

Hope this helps...

It works flawlessly, thanks JW....

Hi XKG Media,

can you post a simple exemple here

thx

I finished working on a project and it worked fine on my desktop but when I upload it to my site it won't work. The preloader seems to get hung up for some reason- like it's in a holding pattern. I am on the mac platform (system 10.5.5) and I am using Foxfire 3.0.3. I also tested it on Safari I did test it on the pc platform as well and it won't work there either. How can it be that a this piece will work in the browser from the desktop, but not when it's uploaded to the site? I was first using flash player 9 when I got this error message:
"Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found."
You can see how it hangs up if you go to http://www.getmcs.com/mcsPortfolio
I then updated my flash player to version 10 and it still won't work but it doesn't give me any error message either! Is there anyone who can help me figure out what is going wrong so I can fix it?
Thanks ahead of time.
abbe

Hi,

I'm using AS2 and everything is working fine when I embed the player in my flash website. However, I cannot turn the controlbar off. When I set the value _root.controlbar = "none", this causes the control bar to appear in the middle of my player and it also cuts of 80% of the video image with white.

I've been pulling my hair out with this, I've even tried to set the controlbar movie to alpha = 0 But it's not playing ball.

Any ideas?

I'd be so grateful if someone is willing to post a working FLA of a simple example. Very hard to read all of these comments with the AS out of context and then apply it correctly, at least for a noob such as myself. There is an AS2 example on here somewhere, but AS3 would be much more useful.
Please? Thank you.

I could use a fla of a AS3 example too.

Is anyone from tech support willing to contribute here? I know that you guys can't respond to every question posted in the forums, but I was here a year and a half ago reading posts about people having trouble embedding the player within a flash website, and now people are still going round in circles trying to get this to work.

If you could just post simple instructions like the ones for embedding in HTML, for embedding in Flash, it would be so appreciated! Thanks.

i cant get this to work in my site help any 1

<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="400">
<param name="movie" value="http://www33.websamba.com/kolakula/our.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www33.websamba.com/kolakula/our.swf"
width="500"
height="400"
allowfullscreen="true"
allowscriptaccess="always"
flashvars="file=rtmp://fms181.blogtv.com:1935/BlogTV/myInstance&id=62934_711541&autostart=true" ></embed>
</object>

@joe - please see the page - http://code.jeroenwijering.com/trac/wiki/FlashVars

in particular note:

file (undefined): location of the mediafile or playlist to play.
type (undefined): type of file, can be sound, image, video, youtube, camera, http or rtmp. Use this to override auto-detection.
streamer (undefined): location of a server to use for streaming. Can be an RTMP application (here's an example - http://www.jeroenwijering.com/?page=wizard&example=4 ) or external PHP/ASP file to use for HTTP streaming. If set to lighttpd, the player presumes a Lighttpd server is used to stream videos.

as well as - http://www.jeroenwijering.com/?item=Embedding_Flash

The third problem relates to the three symbols ?, = and &. Since they are used to stack the flashvars, they cannot be used in the flashvars themselves. By escaping these vars, the problem can be solved. Therefore, replace the three symbols with their escaped strings and unescape() them again in the SWF:

? → %3F
= → %3D
& → %26

I had such a problem. I realized that it was only occuring on my computer because I had just installed Adobe CS4. I reinstalled a fresh Flash player and the problem went away.

package {

import flash.display.*;
import flash.events.*;
import flash.net.*;
import flash.utils.*;
import flash.text.*;
import flash.external.ExternalInterface;

import com.jeroenwijering.events.*;
import com.jeroenwijering.player.*;
import com.jeroenwijering.plugins.*;
import com.jeroenwijering.utils.Configger;

public class Main extends Sprite {

//Load the JW Video Player
var jwRequest:URLRequest = new URLRequest("player.swf");
jwLoader.contentLoaderInfo.addEventListener(flash.events.Event.COMPLETE, loaderFinished);
jwLoader.load(jwRequest);

/* This method is called when the SWFLoader has completed its loading and the Player has been initialized. Due
to timing issues, we have to check whether the player's view has been loaded or not. If not, listen to the
Player's new PlayerEvent.READY event.
*/
private function loaderFinished(e:Event) : void {
addChild(playerHolder);
playerHolder.addChild(jwLoader);

player = jwLoader.content as MovieClip;
playerObject = e.target.content as Object;

//playerObject.view.sendEvent(ControllerEvent.RESIZE,'false');
playerHolder.width = 168;//or whatever width you want
playerHolder.height = 140;//or whatever height you want
playerHolder.x = 226;
playerHolder.y = 33;
playerHolder.scaleX = 1;//this is important! controlbar will squish without it
playerHolder.scaleY = 1;//this is important! controlbar will squish without it

if(playerObject.view == null) {
playerObject.addEventListener(PlayerEvent.READY, this.playerReady);
} else {
playerReady();
}
}

/* Once the Player has been initialized, we can begin to send and receive events from it */
private function playerReady(e:Event=null) : void {

// Wait for the view to load the file.
playerObject.view.addViewListener(ViewEvent.LOAD, loadedHandler);
// Set the player screen to the correct dimensions.
resizePlayer();

}

/* The event loading the file has fired, we can now start the video playback. */
private function loadedHandler(e:Event=null):void {
playerObject.view.addModelListener(ModelEvent.TIME, timeHandler);
playerObject.view.sendEvent(ViewEvent.PLAY, true);
}

/* To resize the player, simply set its width and height, and send the view a ViewEvent.REDRAW event. */
private function resizePlayer() : void {

if(playerObject != null && playerObject.view != null) {
var config = playerObject.view.getPluginConfig(this);
playerObject.config['width'] = 168;
playerObject.config['height'] = 140;
//*stretching* (/uniform/): defines how to resize images in the display. Can be /none/ (no stretching), /exactfit/ (disproportionate), /uniform/ (stretch with black borders) or /fill/ (uniform, but completely fill the display).
playerObject.config['resizing'] = false;
playerObject.config['stretching'] = "exactfit";
playerObject.view.sendEvent(ViewEvent.REDRAW);
}

}

/* Respond to time events */
private function timeHandler(evt:ModelEvent) : void {
/*if(evt.data.position > 3.0) {
// Pause the video after 3 seconds)
playerObject.view.sendEvent(ViewEvent.PLAY, false);
}*/

//timelabel.text = "Time tracker: " + evt.data.position;
}
}
}

Everything works here.

My action:

var videoPlayer = new Loader();
videoPlayer.contentLoaderInfo.addEventListener(Event.COMPLETE, videoLoaded);
videoPlayer.load(new URLRequest("player.swf?config=video1.xml"));

function videoLoaded( evt:Event ):void {
videoPlayer.x = 353;// player position
videoPlayer.y = 80;// player position
addChild(videoPlayer);
}

my xml:

<config>
<file>full1.flv</file>
<height>720</height>
<width>640</width>
<skin>control_bar.swf</skin>
<autostart>true</autostart>
<icons>false</icons>
<stretching>none</stretching>
<resizing>false</resizing>
</config>

mfhmjf

Hello Actionscript expert Guys,
Can any one solve my problem?

for (var i=0; i<4; i++) {
var loader:Loader = new Loader();
addChild(loader);
loader.x =loader.y = i*100;
loader.load(new URLRequest("img"+i));
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, imageNotFound);

}
function imageNotFound(ev) {
//Here, what code I have to write for load detalt image if img not found?
// I hope anyone of you can solve this problem
// plz reply hr@flashduniya.com if you have any solution
}

Gawd this issue is just sooo ridiculous...

Why won't the JW team clarify IF this can ever work?... and if so how to do it properly and with a downloadable example? Make a reasonable charge if need be.
Thanks

This is the only one good request for now:
var jwURL:URLRequest = new URLRequest("player.swf");

the request cannot have other variables like ?skin blabla.

Accesing the config width, height, resizing and stretching:
playerObject.config['resizing'] = false;
WORKS

but:
playerObject.config['skin'] = "bekle.swf";
DOES NOT WORK. Why???

How can I add a playlist? So many questions...
and no examples!

Hello,

I agree, why don't the makers of this fine player just give the proper instructions on how to put this into a flash site? this has been going on for years.

Here is their reply for help on this:

Unfortunately, we do not have a step-by-step instructions on how to do this. We do not even support this feature officially. With that being said, I have seen people successfully integrate the player in a flex or as3 website, but this is something they did on their own.

Best Regards,

Darkam

hi, how can i block the automatic redirect to another page.
the .swf contains the as3.0 script and in class player the redirect coding is done. i can i remove that coding.
thanks

Guys, here's what works VERY well:
simply put this on frame 1 of your movie and you can change width and whatnot if you want but this DOES work perfectly! no need for XML files or anything..

import com.jeroenwijering.events.*;
import com.jeroenwijering.player.*;
import com.jeroenwijering.plugins.*;
import com.jeroenwijering.utils.Configger;
import flash.display.MovieClip;
import flash.events.Event;
import flash.external.ExternalInterface;
import flash.net.URLRequest;

var view:Object;

var videoPlayer = new Loader();
videoPlayer.contentLoaderInfo.addEventListener(Event.COMPLETE, videoLoaded);

videoPlayer.load(new URLRequest("player.swf"));
function videoLoaded( evt:Event ):void {
var ply = evt.target.content;
ply.addEventListener('READY',playerReady);
videoPlayer.x = 1; // player position
videoPlayer.y = 1; // player position
videoPlayer.height = 480; // player size
videoPlayer.width = 640; // player size
videoPlayer.scaleX = 1;
videoPlayer.scaleY = 1;
addChild(videoPlayer);

}

function playerReady(evt:Event=null) {
view = evt.target.view;
//trace("ready");
view.sendEvent(ViewEvent.PLAY);
view.sendEvent(ViewEvent.LOAD,'http://www.yourdomain.com/test.flv');
};

When i put this in frame 1 it got an error

ReferenceError: Error #1065: Variable ViewEvent is not defined.

Please Help!

I get a lot of errors. You must have to do more than just add this to frame 1 in a new movie to get it working

Hey dude its working.. i have changed the code..

import com.jeroenwijering.events.*;

Security.allowDomain("*");

var view:Object;
var loader:Loader = new Loader();
var urlRequest:URLRequest = new URLRequest("http://yourdomain/player.swf");
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderHandler);
loader.load(urlRequest);

function loaderHandler(evt:Event){
addChild(loader);
var ply = evt.target.content;
var view = evt.target.content.view;
view.sendEvent(ViewEvent.FULLSCREEN);
view.sendEvent(ViewEvent.PLAY);
view.sendEvent(ViewEvent.LOAD,'http://yourdomain/yourvideo.flv');

}

-----------------------------------------------------------------------------

it is working but it cannot change the skin that i want..

can anyone solve my problem....

have you tried passing a var through on the URLRequest ie http://yourdomain.com/player.swf?skin=yourskin

Thanks Tristan ,

skin has applied but video is not playing....
when i compile it pass the error :

TypeError: Error #1009: Cannot access a property or method of a null object reference.

Talal - so let me get this right. All you did is:

Open Flash - create a new AS3 flash site
Put your code in frame 1
Change the urls to match the right files
Publish and it works??

Cause it is not working for me. All I did was the above. Can you list the specific step you took, so i can see what i am missing?

Hi Jim,

Please verify that you place com folder that includes

(jeroenwijering.events ) on the root with fla file..

have u got any error message when compile..

or i can share fla file with you if u tell me your mail id...

Regards Talal..

I have uploaded the com folder to the server but I had it in some other folders. Moving it to the root fixed the problem. The player does load now. I get no errors locally, but on the server I get

SecurityError: Error #2152: Full screen mode is not allowed.
at flash.display::Stage/set displayState()
at com.jeroenwijering.player::Controller/fullscreenHandler()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.jeroenwijering.player::View/sendEvent()
at test_fla::MainTimeline/loaderHandler()

After the error you hit continue and it works after that. Any ideas on how to get rid of the error?

have you changed:

<param name="allowFullScreen" value="false" />

to "true" ???
everywhere in your code that you embed the flash file you need "allowFullScreen to equal true.

I was also able to take what Talal and eric posted and its works. Here is what i did.

Open Flash and choose a new AS3 file.
In frame I add your code. Either what Talhl poted:

import com.jeroenwijering.events.*;

Security.allowDomain("*");

var view:Object;
var loader:Loader = new Loader();
var urlRequest:URLRequest = new URLRequest("http://yourdomain/player.swf");
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderHandler);
loader.load(urlRequest);

function loaderHandler(evt:Event){
addChild(loader);
var ply = evt.target.content;
var view = evt.target.content.view;
view.sendEvent(ViewEvent.FULLSCREEN);
view.sendEvent(ViewEvent.PLAY);
view.sendEvent(ViewEvent.LOAD,'http://yourdomain/yourvideo.flv');

}

Or Eric posted works very well.

import com.jeroenwijering.events.*;
import com.jeroenwijering.player.*;
import com.jeroenwijering.plugins.*;
import com.jeroenwijering.utils.Configger;
import flash.display.MovieClip;
import flash.events.Event;
import flash.external.ExternalInterface;
import flash.net.URLRequest;

var view:Object;

var videoPlayer = new Loader();
videoPlayer.contentLoaderInfo.addEventListener(Event.COMPLETE, videoLoaded);

videoPlayer.load(new URLRequest("player.swf"));
function videoLoaded( evt:Event ):void {
var ply = evt.target.content;
ply.addEventListener('READY',playerReady);
videoPlayer.x = 1; // player position
videoPlayer.y = 1; // player position
videoPlayer.height = 480; // player size
videoPlayer.width = 640; // player size
videoPlayer.scaleX = 1;
videoPlayer.scaleY = 1;
addChild(videoPlayer);

}

function playerReady(evt:Event=null) {
view = evt.target.view;
//trace("ready");
view.sendEvent(ViewEvent.PLAY);
view.sendEvent(ViewEvent.LOAD,'http://www.yourdomain.com/test.flv');
};

Change the videoPlayer.load(new URLRequest("player.swf")); or var urlRequest:URLRequest = new URLRequest("http://yourdomain/player.swf"); to the location of your player.

Change the view.sendEvent(ViewEvent.LOAD,'http://www.yourdomain.com/test.flv'); to the location of your file.

Publish and upload.
Now go to http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-4.4/com download the zip file by selecting zip archive at the bottom.
Upload the com folder and everything in it to the root of your site.

Test your files they should be working.

Eric Yep I have all the code set to true. Same error.

Eric I don't have the fullscreen error on your code. So far it is working GREAT for me. Thanks so much everybody.

I do still have the same issue as Talal in I can not seem to get a skin to load.

Got the skin working too! I have my player in a folder called DemoPlayer I had to include all the folder path to the skin! so not just

DemoPlayer/player-licensed.swf?skin=simple2.swf

instead DemoPlayer/player-licensed.swf?skin=DemoPlayer/simple2.swf

Works GREAT with Erics Code.

Thanks again Guys

I am however having an issue on sizing the smaller than the rest of the movie.

videoPlayer.load(new URLRequest("player-licensed.swf?skin=simple2.swf&height=150&width=150"));
function videoLoaded( evt:Event ):void {
var ply = evt.target.content;
ply.addEventListener('READY',playerReady);
videoPlayer.x = 1; // player position
videoPlayer.y = 1; // player position
videoPlayer.height = 150; // player size
videoPlayer.width = 150; // player size
videoPlayer.scaleX = 1;
videoPlayer.scaleY = 1;
addChild(videoPlayer);

Putting the height and width in the URL request doesnt work and putting it in the videoPlayer.height doesnt work. Anyone have any ideas?

Thanks

I got a note from a friend of mine who had an email sent to him from one of the JW developers. Here is what he said.

The player can't be embedded inside another flash app without some modification - as Brad discovered, it tries to resize itself to the size of the stage.

If he's considering altering the player, the relevant code can be found here:

http://developer.longtailvideo.com/trac/browser/trunk/as3/com/jeroenwijering/player/Controller.as#L3...

So now everyone knows where to go. If you do adjust the code please post what works for you here, so we all can benefit.

I think I finally found an easy way to load the media player inside an existing fla and customize all the flashvars. This is largely based on Eric's method (see earlier posts). This method does not involve altering the player in any way.

Step 1: Download a zip archive of the latest media player source files (i.e. http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-4.4), and extract the zip.

Step 2: Inside the folder with the extracted source files, create a new Flash File (Actionscript 3).

Step 3: In frame 1 of your new Flash File, add the following ActionScript:

Step 4: Edit the necessary settings in the videoLoaded function.

Step 5: Publish your Flash File.

Step 6 (optional): Dance!

@justin

your solution works *perfectly* for me!!!

thank you so much

EDIT: i will now make use of the option 'dance'.. :-)

I'm trying to create an embedded player with some extra functionality (sharing, embed code etc.) that I want full control over (not via plugins). So far, Justins code (or at least some that looks much like it) works out fine.
However, anything else I place in the flash file gets rendered below the video. When the flash file starts, anything else in the swf gets rendered, but after about a second the video overlaps everything. I would like to have the video rendered at the very bottom of the file.
I've tried layers and using the swapDepths() function, but I'm no AS-hero...

-edit- thanks everybody here for making this possible

Justin works really well. The only flashvar I could not get to work so far is volume.

ply.config.volume = 100;

Doesnt seem to do it so I used this:

videoPlayer.load(new URLRequest('DemoPlayer/player-licensed.swf?volume=100'));

That worked. Anyone know why it doesnt work in the ply.config?

This may seem like a silly question, but once you got the player loaded. How do you unload it at a later frame?

IE I want to see the player on frame 12, where I have a stop command but once I play to frame 14 I do not want to see the player.

I added a keyframe to my actionscript layer and removed the players action script from that keyframe, and replaced it with

But I get an error when I publish.

I too got Justins '5stepsNdance' method above working quickly!
Thanks so much Justin, Eric & all involved!

But there are a few issues for me.

Full screen (as usual):
I set allow fullscreen in the html..
so now the fullscreen button on the player works
BUT it simpy fullscreens the parent player rather then the JW players 'video' only
(which kind of figures but I beg for the video only to go fullscreen somehow!).

I got a playlist working....
BUT the playlists slide bar controller is not visible
(did this test quickly so I might just need to play with size params).

I'm a med level flash guy and haven't tried this but
I wonder if there's a way to use a mc to the JW player?...
so we could size and animate the player in n out.

I didn't even try this yet but any tips how to tell the JW player to play video files from a flash button ?

And lastly I sure wish this wasn't sooo taboo JW...
the player rocks but why won't you help all of us out?
FWIW - I bought in..

Cheers to the hackers here who can help make this fully functioning!
Randy

Randy, I feel you. I think a user deserves a little more attention when he supported the development by buying a licence. Even when you're trying something "unsupported"...

-update-: Problem solved: Load JWPlayer in a separate movieclip and place that on the stage in a layer below anything that needs to be on top of it. Dôh!

thanks Gregor...

so anyone got the fullscreen problem figured out yet?

Randy I don't think so .. I am still working on figuring out how to unload the player to make it go away once you load the child.

not really 'unloaded' but a simple-cheap solution might be to simply go to a frame in the parent with it moved off the stage.

Ok to get the player off the screen is easy

removeChild(videoPlayer);

talk about not being able to see the forest for the trees.

all I need to do now is unload to tidy things up.

If anyone has any suggestions I would love to see them.

@Justin I am wanting to add a player to play a file, then removechild and choose another filer to play (I don't want a playlist)

The removechild cmd is causing other issues with buttons and graphics. Anyone really good with AS3 that can help me get this cleaned up.

Thanks.

Another problem: I have the same issue as everyone seems to have: the player takes the full stage, and resizes to anything you resize the stage to.
But: that's exactly what I want it to do. However, when I call the player to the stage, all other items resize like the whole file's StageScaleMode is set to NO_SCALE, while I would like it to behave like EXACT_FIT.
It does behave like that, the first second or so, until the player is loaded.
Demo: have a look at http://zooi.krekr.nl/webcam/webcam.html and resize your browser.
I'm using Justins code from june 24th and the licenced player 4.5. The com.jeroen.....-folder is also 4.5

I've already searched all the .as files in there, but found nothing that would set the scale mode or something like it.
Jeroen (or anyone else from the team) are you considering supporting everyone here that wants to use your player inside flash? I think it would really help if there was a place where we could properly discuss and document this instead of a single thread...

-update- Fixed the resizing with some nasty AS:

addEventListener(Event.ENTER_FRAME, onEnterFrameMC);

function onEnterFrameMC(event)
{

control.width = 1;
control.height = 1;

control.x = 0;
control.y = 0;
control.width = stage.width;
control.height = stage.height;
if (stage.width <= 400 && stage.height <= 300)
{
control.visible = false;
}
else { control.visible = true;}

}

(for anyone with the same problems... "control" is the object that should be resized)

There is a weird bug where the stage won't resize to something smaller than 400 x 300. I suspect JWP is using this as a minimum size?

Finally got everything working the way it's supposed to be... except when I upload it to be embedded in the final website. Flash debugger throws me:

TypeError: Error #1085: The element type "br" must be terminated by the matching end-tag "</br>".
at com.jeroenwijering.utils::Configger/xmlHandler()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()

And I'm thinking this is either something in JWPlayer or in my XML, but there is no <br> in there or anything like it. Should I file a separate bug for this?

It's the version stupid!

I tried using the method above which didn't work until I went back a version from 4.5 to 4.4. It seems that v4.5 has removed support for the essential config.resizing which allows you to resize the player on the stage.

I also embeded the video into it's own class. This works for me except for the play event. Hope it helps someone struggling with the same issue:

Hi All,

Hopefully someone can help. Where can I get access to the following files:

import com.jeroenwijering.events.*;
import com.jeroenwijering.player.*;
import com.jeroenwijering.plugins.*;
import com.jeroenwijering.utils.Configger;

I downloaded zip file from the site, but there is no "com" directory listed. Is there somewhere else that I can download those files?

Ugh, nevermind, I found it:
http://developer.longtailvideo.com/trac/browser

Does anyone know if version 4.6 has added back the support for the config.resizing so that the size of the player can be changed on the stage?

Nevermind, I got it all figured out using the examples above. It's working fine now.

Anyone got this working with the player version 5? Even just one mxml file that can load and play one video would be of immense help. Thanks!

Just sent an email about this. I also want to know how to do this with version 5.

I really am hoping for a v5 solution as well! Why does Longtail Video not support this? Their probably is a darn good reason to it, but it seems so simple...

Would anyone know how to use the source code above to setup the play for a rtmp stream? I imagine it would be something like this, but I cannot get it to work:

playerObject.config.plugins.livestream = "-1";
playerObject.config.livestream.file = "video.flv";
playerObject.config.livestream.streamer = "rtmp://127.0.0.1/Video";

I need to be able to use the livestream plugin also. Thanks in advance!

the solution above works great as long as i load from a relative URL:

playerLoader = new Loader();
playerLoader.load(new URLRequest("player.swf"));

but i need to load from an absolute URL:

playerLoader = new Loader();
playerLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, initVideoPlayer);
playerLoader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, videoPlayerLoadError);
playerLoader.load(new URLRequest("http://www.somedomain.com/player.swf"));

private function initVideoPlayer(evt:Event):void{
_player = evt.target.content as Object;
if(_player.view == null) {
_player.addEventListener(PlayerEvent.READY, playerReady);
} else {
playerReady();
}
}

private function playerReady(evt:Event=null) {
_player.view.addModelListener(ModelEvent.STATE, stateHandler);

}

private function stateHandler(evt:ModelEvent) {
var currState:String = evt.data.newstate;
trace("The movie is "+currState);
}

which throws an error #1034:

TypeError: Error #1034: Type Coercion failed: cannot convert com.jeroenwijering.events::ModelEvent@28d53971 to com.jeroenwijering.events.ModelEvent

Any ideas?

i've narrowed down the problem. in my parent movie (the one that has loaded JW player 4.4), i'm listening to for ModelEvent.STATE:

_player.view.addModelListener(ModelEvent.STATE, stateHandler);

here's my event listener:

private function stateHandler(evt:ModelEvent) {
trace(evt);
}

the problem is that when the jwPlayer is loaded from a remote server, it starts generating #1034 errors in the listener. this generates no errors, but then i lose the data attached to the event:

private function stateHandler(evt:Event) {
trace(evt);
}

i tried to cast that event as a ModelEvent in the listener, but that didn't work (after importing the ModelEvent class, of course):

private function stateHandler(evt:Event) {
var newEvent:ModelEvent = evt as ModelEvent;
trace(newEvent);
}

day three on this problem. any help much appreciated.

Hi...... post good :)

In-case anyone is confused about how to do this for 4.5+ here is a guide for $10.

http://gamecentralnetwork.net/?id=2640

Thanks for sharing.