[Translation] JW Media Player Chinese document page 1/4

Source: Internet
Author: User

Official Website http://www.jeroenwijering.com

This document contains the installation and configuration of JW MP3 Player, JW FLVPlayer, JW Media Player, and JW Image Rotator.
Method
Jw players 3.11 documentation

1. Install (embedded in your site)
2. parameters (configuration)
Basic parameters
Color Parameters
Interface Parameters
Playback Parameters
Interaction Parameters
3. playlist
4. Custom
5. Supported

Quick configuration. You can run the Configuration Wizard.

1. Install
After downloading, you can get an example. When you open it in a text or HTML editor, you can find that swf uses a short
Javascript is embedded on the page. This Javascript is swfobject. js written by Geoff Stearns. It solves the needs of Flash
Active troubles. When copying swf to your site, do not forget to copy swfobject. js together. And in
Add the following code to Head:

Program code

Copy codeThe Code is as follows: <script type = "text/javascript" src = "swfobject. js"> </script>

In swfobject. with the help of js, you can easily set the swf path, width, height, background color, and the desired Flash Player version. You can also set a set of parameters to configure swf. When a page is loaded, javascript replaces the nodes on the page according to the id.
Program codeCopy codeThe Code is as follows: <p id = "player"> <a href = "http://www.macromedia.com/go/getflashplayer"> Get Flash </a> to see this player. </p>
<Script type = "text/javascript">
Var so = new SWFObject('mediaplayer.swf ', 'player', '123', '123', '7 ');
So. addParam ("allowfullscreen", "true ");
So. addVariable ("file", "test. flv ");
So. addVariable ("displayheight", "300 ");
So. write ('player ');
</Script>

If you cannot use javascript (for example, your bsp does not support it, such as myspace), you can use the "embed" method to insert swf.
It should be noted that swf may not be on this server, but if you need to use an xml playlist, there may be problems, because xml must be on the same server as swf, otherwise, it will be organized due to security issues. Mp3, jpg, and flv may not be on this server.
Program codeCopy codeThe Code is as follows: <embed src = "http://www.myfileserver.com/folder/mediaplayer.swf" width = "400" height = "400"
Type = "application/x-shockwave-flash" pluginspage = "http://www.macromedia.com/go/getflashplayer"
Flashvars = "file = http://www.myfileserver.com/folder/test.flv&displayheight=300"/>

2. Parameters
These parameters can be used to configure the behavior and appearance of the player embedded in html. If swfobject. js, which can be configured using the addVariable () method. If you use the embed method, you can configure variables by defining the "flashvars" attribute. Note that the variables are separated by the "&" symbol.
Marked by the asterisk (*) also applies to JW Image Rotator.

Basic Variables

Displayheight (number): the height of the display area. The minimum height of the control area is 20px. When the value is greater than or equal to the swf height, the playlist is automatically hidden. Otherwise, the playlist is displayed.
File * (url): the address of the file to be played. Supports single-file playback (MP3, FLV, RTMP, JPG, SWF, PNG, and GIF) and playback list. JW Image Rotator only supports list
Height * (number): sets the swf height. When you insert a swf image using the embed method, it is already set in the attributes of the embed. However, sometimes (especially when IE is used) the height will become uncertain and affect the layout. In this case, you need to set this parameter, and the unit of this value is px.
Image (url): When you play mp3 and flv videos, you can set a preview image as the album art. JPG, SWF, PNG, and GIF files are supported. you can also set each item in the playlist.
Shownavigation * (true, false): this parameter is only supported by JW Image Rotator. Used to display or hide image navigation.
Transition * (fade, bgfade, blocks, bubbles, circles, fluids, lines, random, slowfade): this parameter is only supported by JW Image Rotator. Used to set the effect of image replacement. Set "random" to randomly set the effect. The default value is "fade ".
Width * (number): Set the swf width. The other values are the same as the height;

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.