RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

Intro

JW Mediaplayer

1/6

The JW FLV MediaPlayer v4 (built with Adobe’s Flash), released 2 July 2008, is an easy and flexible way to add video and audio to your website. It supports playback of FLV, MP3,MP4, AAC, JPG, PNG and GIF file types. This new version does NOT reconmend the use of swf files. More info see here. New in this version are skins to customise your player.

Note: - The files to be played back have to be uploaded to a web server for the Media Player to pick up. Having a link to a file on your hard drive will not work.

More comprehensive instructions can be found at the JW FLV MediaPlayer’s(JW) home site.

There are 2 ways to embed the code into the site, embed & swfobject. The easiest is the embed method. Below are quick examples and hints to embed this player into a WebPlus 10 or X2 site. By far the quickest method is to use the wizard on JW home site here.

To play a single FLV file

As a test click the top dropdown list in the wizard to select “flvplayer with a single video”. Under the preview screen click the the embed code link. Copy this code and open up WP in a new site and select the “Insert HTML code” button, should be second up on the left, click and drag a square box on the page.

The “attach HTML code” window will open; click the button top right “paste to body”, OK out this window and upload the page to your host.(It will not work in preview) You should see the player appear, click the player screen to start and stop the video.

This is the code you should be pasting into the body

<embed

src="http://www.jeroenwijering.com/embed/player.swf"

width="470"

height="320"

bgcolor="undefined"

allowscriptaccess="always"

allowfullscreen="true"

flashvars="file=http://content.longtailvideo.com/videos/flvplayer.flv"

/>

In the wizard, the top line will read /embed/plyer.swf but because

you are putting this in your site you have to put the full address

for the player.swf

Note:- Don’t forget to upload to your host before you can use

the player

To attach your FLV file to this player instead of the video you are viewing, within the wizard under “File properties” options is a line named “file” put here the full address of where your file can be located by the mediaplayer i.e. http://www.dgdown.plus.com/mediaplayer/video.flv

This is an address of a test file on my site, copy this code into the wizard to try if you have not uploaded a file yet.

Under “The basics” options there are 6 other sections to change the look or behaviour of the MediaPlayer. Have a look through these options and if you change any and before previewing the video again, click the “update preview & code” button.

By previewing the player you are doing 2 things:-

1. Checking to see if the player works if you change the address of the files

2. To see the outcome of your changes within the wizard of how it looks

Hint – If you do not want the controlbar to show when the video is playing, in the wizard under the “Player layout” > controlbar option, set this “over”. The controlbar should auto-hide on top of the video.

JW FLV MediaPlayer used in WebPlus

Single FLV with control bar

Single FLV with auto-hide controlbar

1/6

new version 4