How to write tags for inserting FrameFree® movies in HTML files


To insert a FrameFree Media exported from FrameFree Studio, use OBJECT and EMBED tags as follows.

Required elements are indicated in bold, elements that can be omitted are indicated in normal font and user defined elements are indicated in Italic.

Sample HTML


<OBJECT ID="Plugin_Viewer"
CLASSID="CLSID:EBD11638-B18C-4700-B11C-6CDF6F770B20"
CODEBASE="http://plugs.framefree.us/download?ID=0"
width=60 height=60>

<param name="sourceData" value="example.ffm">
<param name="scale" value="1.0">
<param name="panEnable" value="true">
<param name="scaleEnable" value="true">
<param name="scratchEnable" value="true">
<param name="playStyle" value="loop">
<param name="updateUrl" value="http://plugs.framefree.us/update.php">
<param name="foregroundColor" value="255 255 255">
<param name="backgroundColor" value="255 255 255">

<embed width=60 height=60 type="application/x-framefree2"
sourceData="example.ffm"
scale="1.0"
panEnable="true"
scaleEnable="true"
scratchEnable="true"
playStyle="roundtrip"
updateUrl="http://plugs.framefree.us/update.php"
foregroundColor="255 255 255"
backgroundColor="255 255 255">
</embed>
</object>




Parameters



OBJECT (element)

The OBJECT element type is used to embed objects of various types into documents.

Argument

ID (attribute)
Specifies the object ID. This ID is used as an identifier to call ActiveX control from the script on the page.

CLASSID (attribute)
Embeds ActiveX control. The system uses this ID to identify ActiveX control.

CODEBASE (attribute)
Specifies the internet address from which ActiveX control can be loaded in case the browser could not detect it in user's system.

WIDTH, HEIGHT
Specifies the width and the height of the FrameFree® movie displayed on the HTML page.




PARAM (element)

If parameters are required to execute the object, define them using the param element. Parameter name is specified as a name attribute and its values are specified as value attributes.

Attributes of PARAM element

sourceData
Specifies the FrameFree Media file name. Type the internet address from which the files can be loaded.

Value: URL

Example: sourceData="http://www.framefree.us/sample.ffm"

scale
The value you can specify for scale is a number. If a scale value is specified, the size of the FrameFree® movie will be increased or decreased to the size specified by this value (150% if the value is "1.5") keeping the aspect ratio of the original movie.

Value: Number

Example: scale="1.0"

panEnable
Enables the pan function so that users can change the position of the FrameFree® movie display.

Value: true (pan enabled)| false (pan disabled)

Example: panEnable="true"

scaleEnable
Enables the zoom in/out function of the FrameFree® movie. If "true" is specified, the range of aspect ratio will be set to default (0.01% to 100%).

Value: true (zoom in/out enabled)| false (zoom in/out disabled)

Example: scaleEnable="true"

scratchEnable
Enables the scratch function by the left mouse click so that users can control the FrameFree® movie play (play, stop, change speed).

Value: true (scratch enabled)| false (scratch disabled)

Example: scratchEnable="true"

sound
Controls the sound.

Value: on (sound enabled) | off (sound disabled) | mouse (sound enabled only when the mouse cursor is on the FrameFree Media file)

Example: sound="on"

playStyle
Specifies the play type.

Value: oneway (play once) | roundtrip (play forward and backward alternately) | loop (repeat play)

Example: playStyle="loop"

updateUrl
Specifies the URL to obtain FrameFree Web Player updates.

Value: URL

Example: value="http://plugs.framefree.us/update.php"

foregroundColor
Specifies the color of the download bar.

Value: RGB value

Example: value="255 255 255"

backgroundColor
Specifies the background color of the FrameFree® movie display.

Value: RGB value

Example: value="255 255 255"

spacer graphic