[Pro] JWPlayer 5 and Freeway Pro

Hi all - can you tell me is JW Player compatible with Freeway?

If it is how can I use it? What are the steps for a non-techie?

Thanks

GT


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It can certainly be added/is compatible but you will need to do a bit of coding as there are no actions for it.

Visit http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/15995/jw-embedder-reference-guide for the instructions.

The 3 steps they outline (in no particular order) are

1 Upload the jwplayer.js and player.swf files from the download ZIP to your server.

2 Reference the jwplayer.js file in the before end Head section of Page>HTML Markup

<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

Making sure the path to the files match where you uploaded them to on your server.

3 Create a Div on your page called ‘container’ and within it use Insert>Markup item to add the following code

<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "/jwplayer/player.swf",
        file: "/uploads/video.mp4",
        height: 270,
        width: 480
    });
</script>

Again making sure that the paths match the location of the file(s) you uploaded and that you replace video.mp4 with the file name of your video and setting the dimensions to match those of your movie.

If you have more than 1 video you want to show then make sure that you have another container Div ‘container2’ and that you add suitably adjusted markup that refers to container2.

While I haven’t actually tried this yet I will shortly and repost if there are any caveats.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,

A couple of questions:

When you say: ‘download ZIP to your server’, does that mean put in your site folder / resources?

How do I create a Div?

Can ‘loop’ be added to the code?

I will wait until you have tried it out before having a go myself.

GT


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It is at http://www.deltadesign.co/fw_examples/jwplayer.html

No - dont put the files in your Resources folder. FW manages that for you so unless you knolw exactly what you are doing you should leave that folder alone!

Instead create a folder on your server using an FTP app (like CyberDuck - Free) call it something like jwplayer and upload the files into it. Then make sure the paths are correct in the script references ie /path_to_my_jwplayer_folder/jwplayer.js

A Div is an HTML container on your FW page (a layered item)

Not sure about the loop - didn’t look that deep into the jwplayer stuff but probably yes.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok - I’ve done this:
‘create a folder on your server using an FTP app - call it something like jwplayer and upload the files into it.’

I understand how to do this:
‘Reference the jwplayer.js file in the before end Head section of Page>HTML Markup’

<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

Then I:
Create a Div on a page called ‘container’ and within it use Insert>Markup item to add the following code

<script type="text/javascript">
jwplayer("container").setup({
    flashplayer: "/jwplayer/player.swf",
    file: "/uploads/video.mp4",
    height: 270,
    width: 480
});
</script>

I’n not sure about this:
‘make sure the paths are correct in the script references ie /path_to_my_jwplayer_folder/jwplayer.js’

Is this part: ‘/path_to_my_jwplayer_folder/’ the full address on the server and change ‘folder’ to my name for the folder i.e. ‘jwplayer’ and then ‘/jwplayer.js’ at the end?

Also - where does this (above) piece of the script go?

Be gentle with me …

GT


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is this part: ‘/path_to_my_jwplayer_folder/’ the full address on the server and change ‘folder’ to my name for the folder i.e. ‘jwplayer’ and then ‘/jwplayer.js’ at the end?

It can be the full path or a relative path to whatever you named your folder followed by the / and the name of the script - in this case

http://www.yoursite.com/yourjwplayerfolder/jwplayer.js

The longer piece of script is copy/pasted into the markup item inside the Div called container

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi

I hope you don’t mind me jumping in on this but I have been following the thread. I’ve downloaded ‘jwplayer’ and have set up a video at http://cherokeedesigns.co.uk/thequeue/video.html The problem that I am having is that it pushes the design out. The footer now moves up the page to above the Div called container, that holds the markup item. the whole site has the RPL action applied.

Any ideas as to why this going wrong.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

the whole site has the RPL action applied

Try selecting the div with the player and use the Remove From Relative Page Layout in the Item actions menu.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have you tried it with the Remove from RPL action on the video container?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try this -

Cut your ‘container’ Div from the page and replace it with another Div where you want the video to be and then Paste your ‘container’ Div inside the new Div.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The last option worked a treat. Thanks Dave

Regards

Lee


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options