Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Embed skin problem

28 replies [Last post]
Reply

i downloded the newst version of FLV player (5) today
and downloaded a skin
puted both in the same folder

<embed
src="player-viral.swf"
width="300"
height="300"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flv&image=preview.jpg&autostart=true&skin=modieus.swf"
/>

this is my code.

but when i use a skin the player doesn't load up.
if i remove &skin=modieus.swf it works with the normal skin

any help?

Reply

Tupic,

Can you send me a link to where you have this code? With and without it working?

Thanks!
Bill

Reply

have the same problem.

Whatever I tried the player V5 only shows the default skin. Did not make it to get the xml-skin "beelden" to run.

Here is the code:

var so = new SWFObject('/flash/player5.swf','ply','640','660','9','#000');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('skin','/flash/playerskin/beelden.xml');
so.addVariable('playlistfile','/xml/vids/media-de2.xml');
so.addVariable('playlist','bottom');
so.addVariable('bufferlength','7');
so.write('mediaspace');

See the HTML: http://www.canyoning-online.com/player5.php

Any idea ?

Stefan

Reply

Stefan,

looks like your path to the player skin is absolute, rather than relative.

instead of this:
so.addVariable('skin','/flash/playerskin/beelden.xml');

try this:

so.addVariable('skin','./flash/playerskin/beelden.xml');

Reply

Hello Bill,

thanks for the rapid anwser.

Unfortunately it does not work with the relative path.
The path to the xml-file of the playlist works fine with absolute path...

It is really strange ...

Any other idea ?

Stefan

Reply

Try this:

so.addVariable('skin','/flash/playerskin/beelden.xml&controlbar.position=bottom');

Jürgen

Reply

thank you Jürgen for your help but it does not work.

I tried other modifications based on the "so.addVariable" and the player changes - but not the "skin-variable".

Is there any problem known with that variable and the player V5 ?

Thanks for any help,

Stefan

Reply

Hi Stefan,

without "so.addVariable(...'controlbar.position'..)" my control bar appears on top. With it ist appears correct.

so.addVariable('skin','/flash/playerskin/beelden.xml&controlbar.position=bottom');

so.addVariable('controlbar.position','bottom')

Jürgen

Reply

Hello Jürgen,

thanks for your time. I guess there is a little misunderstanding.

I always get only the standard skin (gray). So basically the player works (as well with controlbar position bottom etc.)

but

I downloaded the skin called "beelden" (based on xml) and added the necessary "so.addVariable" to the javascript. And this does not work.
The player does not take over the new skin but keeps the standard one. I tried different path (relative, absolute, full URL) but the player always shows only the standard (gray) skin and not the beelden (which should be dark gray or black.

Running player V4 on another test page it takes over another skin (based on swf and not xml) without any problem. So I do not think that the server environment is the problem.

Thanks for any idea,

Stefan

Reply

Stefan,

Did you only put the xml file there? Did you put in the corresponding png graphics as well? What is the path to the images?

Bill

Reply

Hi Bill,

I took the original structure of the zip.
So the xml file is in the same folder than the subfolder for the images - and for sure the images are in there ;-)

Here is the folder structure:

(folder) flash
----- (folder) playerskin
---------- (file) beelden.xml
---------- (folder) controlbar
---------- (folder) display
---------- (folder) dock
---------- (folder) playlist

For sure I played a little with the paths in the xml because I was not sure (and the doc was not clear enough for me) if the player knows already that the xml is in the same folder than all other imagesfolders.

But as well changing the paths in the xml brought no succes.

Really strange ...

Suffering for an idea,

Stefan

Reply

Dont know if this helps guys, bu tthe "beelden" skin works pefectly ok here with a different approach.....instead of adding a flashvar variable to the html code of the page I use a "config.xml". Inside that config.xml file I keep all my settings and also instruct it to use the beelden skin by:

<skin>beelden.xml</skin>

Again i dont know if this is helpfull....also a rather silly question but you never know....besides the skin files have you also updated the old version of swf with the new one on your server? (Sorry if this sounds like a stupid thing to say but as I said,you never know what minor detail might escape us right? ;) )

Reply

Hi, Stefan -

I took a look at your configuration at http://www.canyoning-online.com/player5.php, and I looked at your player-config.xml. The "skin" setting points to beelden.xml, but the path needs to be relative to the page, not the config xml. In other words, the player is attempting to load /beelden.xml instead of /flash/playerskin/beelden.xml.

Although the player supports loading an XML file and pulling the images via their relative paths, I would recommend you stick to using a zip file. It loads faster (about a 5x improvement by our tests) and is much easier to configure, since there's only one file to load.

Reply

Hello Theodor,

thanks for helping me.

I tried your recommendation and created a config-xml file. I called the file "player-config.xml" and placed it in the same folder of the beelden.xml.
It's content is:

<?xml version="1.0" encoding="UTF-8" ?>
<config>
<skin>beelden.xml</skin>
<repeat>false</repeat>
<backcolor>ffffff</backcolor>
<volume>40</volume>
<file>/xml/vids/media-de2.xml</file>
<playlist>bottom</playlist>
<playlist.size>250</playlist.size>
<controlbar>over</controlbar>
</config>

In the players javascript code I wrote this:
so.addParam('flashvars','config=/flash/playerskin/player-config.xml');

As before I can modify everything by the config-xml-file but not the skin. It does somehow not find the skin-xml and I do not know anymore what to do. There is no problem at all to find i.e. the playlist-xml. But the skin-xml - no way.
At least the default skin is working ;-)

Thanks for your help guys. I guess I'll give up and wait for an update which probably works and will then buy.

Stefan

Reply

Stefan,

You can also just leave Beelden in as a zip file and call it that way:

so.addVariable('skin','/flash/playerskin/beelden.zip');

Reply

Stefan,

Also, can your right-click and tell me the version of your JW Player? It should be 5.0.709, if it's not, you might be using the Release Candidate or Beta version. You can download the latest player and try it then... with the zip file (recommended)

Bill

Reply

Stefan,s code is working good for me. posted on Dec 09 2009.

<script type="text/javascript">
var so = new SWFObject('mediaplayer-viral/player-viral.swf','mpl','800','400','9');
//so.addParam('flashvars','beelden = beelden/beelden.xml&dock=false&controlbar.position=top');
so.addParam('flashvars','config=config.xml');
so.addParam('allowfullscreen','true');
so.write('videoDiv');
</script>

config.xml
------------------

<?xml version="1.0"?>

<config>
<skin>./beelden/beelden.xml</skin>
<repeat>false</repeat>
<backcolor>ffffff</backcolor>
<volume>50</volume>
<!--<file>/xml/vids/media-de2.xml</file>-->
<playlist>bottom</playlist>
<playlist.size>250</playlist.size>
<controlbar>over</controlbar>
</config>

Reply

I am having the same problem. The default skin is working fine the audio file streams perfect, when I add the xml skin it loads the skin up, the hover overs work and all but the audio does not work. Nothing will play.

Reply

Sorry, was out of office for a week.

@Bill
I was using version 5.0.709 (or close to that) but switched to 5.1.719 (which was the latest at that time).
Will for sure try with the zip-file - good idea.

@Poobalan
Thanks for that info. At least it gives some hope :-)

thanks again and I'll keep you all up to date,

Stefan

Reply

I'll take a stab at this and guess that the reason it's not working for you is because you are not passing params in both the object tag and the embed tag, which is required for it to work in all browsers. For example, to see the result in Safari, you must set params with the embed tag:

<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="400" height="315">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flv&image=preview.jpg&skin=beelden.zip" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="player.swf"
width="400"
height="315"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flv&image=preview.jpg&skin=beelden.zip"
/>
</object>

Reply

Hello All,

it is working now. Bills advice with the zip-file finally made it :-)

This is the code in the html part which is working fine now:

<div id='mediaspace2'>You need the free Adobe Flash Player to see this content</div>
<script type='text/javascript'>
var so = new SWFObject('/flash/player5.swf','ply','640','810','9','#000');
so.addVariable('skin','/flash/playerskin/beelden.zip');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('playlistfile','/xml/vids/media-de2.xml');
so.addVariable('playlist.size','400');
so.addVariable('playlist','bottom');
so.addVariable('bufferlength','7');
so.write('mediaspace2');
</script>

Unfortunately it does not work with the external xml-config-file but anyway - it works.

Thanks to all for your great help !!

Stefan

Reply

Hi Stefan,

With the latest version of the player 5.1.719, using the xml instead of the zip definitely works but you have to make sure all images are correctly referenced in the xml file and it is best to create prevButton and nextButton (and their Over versions), even if the example skin doesn't use it.

Hope this helps!

Reply

I'm trying to use the JW Player5 XML skin with Joomla and the Allvideos Reloaded, and I'm not having any luck. Has anyone else done it?

thanks

~Harry

Reply

Can you provide a link?

Reply

I would, but there is nothing to link to at the moment. I was just wondering if anyone set it up and how they had done it.

Reply

If you have a link, please post it here so we can try to help you fix the bug.

Reply

For those who still need this info

- find and open src/com/longtailvideo/jwplayer/view/skins/DefaultSkin.as
- check if your sources contain commented line
// [Embed(source="../../../../../../assets/flash/skin/five.swf")]
(line #13 in mine)
- uncomment it
- skin is being loaded w\o problems after rebuild

don't know the version of the sources i have. but the archive i downloaded before was called
fl5-fla-r1403.zip

Reply

where i have past skin code.

<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->

<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="400" height="315">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=video.flv&autostart=true" />
<param name="BGCOLOR" value="#282828">
<embed
src="player.swf"
width="400"
height="315"
type="application/x-shockwave-flash"
id="player2"
name="player2"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=video.flv&autostart=true" bgcolor="#282828"
/>
</object>

<!-- END OF THE PLAYER EMBEDDING -->

Reply

After &autostart=true add &skin=skin_name.zip

Post new comment

  • Allowed HTML tags: <code> <blockquote> <em> <strong> <strike> <ul> <li> <ol>
  • You may post code using <code>...</code> .
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options